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

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'
]

你可能感兴趣的:(vue.js,前端,javascript)