【学一点儿前端】Bad value with message: unexpected token `.`. 问题及解决方法-解决办法

直接给项目安装依赖，让项目支持使用可选链操作符，这个方法是从其它大佬那边学到的，方便在改动代码量大的时候用。
‘@babel/plugin-proposal-optional-chaining’, 是babel7用来解析js中的可选链运算符的；
‘vue-template-babel-compiler’，是用来解析vue模版中的可选链运算符；
使用’@babel/plugin-proposal-optional-chaining’

npm i @babel/plugin-proposal-optional-chaining

.babelrc中添加配置

{
  "presets": [],
  "plugins": [ "@babel/plugin-proposal-optional-chaining"],
}

使用’vue-template-babel-compiler’

npm i vue-template-babel-compiler

webpack中添加配置

module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          compilerOptions: {
            preserveWhitespace: false
          },
          compiler: require('vue-template-babel-compiler') // 解析可选链
        }
      },
     
    ]
  },
  plugins: []