问题来源:

第三方模块使用了es2020(es11)语法,项目不兼容问题
Module parse failed: Unexpected token ...


Nuxt2项目

nuxt.config.js

build: {
    transpile: ['xxx'] // 使用 Babel 与特定的依赖关系进行转换
}

vue-cli3项目

vue.config.js

transpileDependencies: [ // Babel 转译node_modules里的第三方模块
    'xxx'
]

babel.config.js

module.exports = {
  presets: [
    '@vue/app'
  ],
  plugins: [
    '@babel/plugin-proposal-optional-chaining',   // 可选链操作符 ?.
    '@babel/plugin-proposal-nullish-coalescing-operator'// 空值合并运算符 ??
  ]
}

babel参考文档:https://babeljs.io/docs/


园中桥
49 声望0 粉丝

愿你眼中总有光芒,活成自己想要的模样。