第一步：下载@babel/plugin-proposal-optional-chaining

npm install --save-dev @babel/plugin-proposal-optional-chaining
或者
cnpm install --save-dev @babel/plugin-proposal-optional-chaining

第二步：在你的vue项目里的babel.config.js添加如下代码来拓展解析器

plugins:[

["@babel/plugin-proposal-optional-chaining"] //解析可选链式语法

]

module.exports = {presets: ['@vue/app'],plugins:[["@babel/plugin-proposal-optional-chaining"]  //解析 可选链式语法]
}

第三步：重启项目，一定要重启项目，不然解析器不能得到拓展

然后就大功告成，尽情的使用吧！

this.demo = res.data?.data?.demo;

vue项目中使用@babel/plugin-proposal-optional-chaining的?.语法，防止字段没有报错相关推荐

vue项目dist编译文件部署到服务器：页面空白、F5刷新报错404、403报错、等等bug - 总结篇
文章目录问题一. vue编译打包dist文件之后部署到线上服务器 ,访问页面却是空白? 问题二.如果不是空白,页面F5之后就又变成空白? 以Nginx服务器为例,(如下图FTP所示) `404报错: ...
在VUE项目中使用SCSS，从安装步骤到语法说明，带你快速入门！！
最近在做VUE项目时用到了SCSS ,在这里总结一下SCSS在项目中是如何使用的. 首先要了解什么是SCSS? SCSS是一种CSS预处理语言,定义了一种新的专门的编程语言,编译后形成正常的css文件 ...
vue组件中引入public文件，build打包后找不到资源报错404
在组件中我使用object标签预览pdf文件 <object width="100%" height="100%" data="/help/he ...
Vue项目中遇到了大文件分片上传的问题
Vue项目中遇到了大文件分片上传的问题,之前用过webuploader,索性就把Vue2.0与webuploader结合起来使用,封装了一个vue的上传组件,使用起来也比较舒爽. 上传就上传吧,为什么 ...
在vue项目中使用高德地图
需求很重要,有需求你才有努力解决问题的方向,加油! 在我们使用vue构建项目的时候,难免在业务需求上会遇到使用高德地图的时候,这时候问题就来了. 我们该怎么在vue项目中插入高德地图?通过度娘我知道了 ...
在vue项目中引用萤石云播放器插件
在vue项目中引用萤石云播放器插件 1. 萤石云官方开发文档: https://open.ys7.com/help/31 2. 登录官方网站:https://open.ys7.com/cn/s/ind ...
Vue项目中操作svg文件
Vue项目中使用svg 引入依赖 yarn add svg-sprite-loader -D [可选] yarn add svgo svgo-loader -D 依赖说明: svg-sprite-lo ...
使用H5Stream实现rtsp视频流播放，在Vue项目中 (无插件、可多视频源播放、亲测可用)
本文主要介绍用H5Stream 在Web页面播放摄像头的RTSP视频流,从0到1的过程.包括WebSocket代理.h5ss.bat文件运行一会就自己卡死了.H5ss服务死掉自动定时重启的脚本等可 ...
Bootstrap前端框架学习（一）：Bootstrap在Vue项目中的安装及可视化布局
Bootstrap前端框架学习(一):Bootstrap在Vue项目中的安装及可视化布局 node.js的安装 bootstrap的安装 bootstrap快速布局 node.js的安装我们需要安装 ...

vue项目中使用@babel/plugin-proposal-optional-chaining的?.语法，防止字段没有报错

第一步：下载@babel/plugin-proposal-optional-chaining

第二步：在你的vue项目里的babel.config.js添加如下代码来拓展解析器

第三步：重启项目，一定要重启项目，不然解析器不能得到拓展

vue项目中使用@babel/plugin-proposal-optional-chaining的?.语法，防止字段没有报错相关推荐

最新文章

热门文章