在vue项目中使用链判断、null判断运算符报错

zhu_zhu_xia

已于 2023-08-29 17:18:59 修改

阅读量1.5k

点赞数

文章标签： vue.js 前端 javascript

于 2023-08-29 17:16:53 首次发布

原文链接：https://blog.csdn.net/weixin_42277236/article/details/124127864

版权

vue项目运行报错：Cannot find module '@babel/plugin-proposal-nullish-coalescing-operator

原因及方案：

在vue项目中使用es6新的运算符（例如链判断运算符，null判断运算符）会报错，编译不成功

需要安装babel依赖,并添加到babel.config.js中。

1.安装依赖

//NULL判断运算符 ??
npm install @babel/plugin-proposal-nullish-coalescing-operator --save-dev
//链判断运算符  ?.
npm install @babel/plugin-proposal-optional-chaining --save-dev

2.在babel-config.js添加配置

plugins:[
	// null判断运算符支持 ??
    '@babel/plugin-proposal-nullish-coalescing-operator',
    // 链判断运算符支持 ?.
    '@babel/plugin-proposal-optional-chaining'
]