vue3+vite项目中使用链式运算符白屏

bug如下:

终端不报错,控制台报错的地方并没有指向vue中某行代码.而是指向router,经过排查才发现是?.链式运算符出错,导致白屏.

修复方案

下载依赖

npm install rollup-plugin-esbuild

vite.config.js中引入,并增加配置

import esbuild from 'rollup-plugin-esbuild'
export default defineConfig({
  plugins: [
    {
      ...esbuild({
        target: 'chrome70',
        // 如有需要可以在这里加 js ts 之类的其他后缀
        include: /\.vue$/,
        loaders: {
          '.vue': 'js',
        },
      }),
      enforce: 'post',
    },
  ],
})

重新运行项目,发现错误已经消失,页面正常打开 ...end