[vitejs/vite]import.meta在低版本浏览器报错

描述错误

node 19.6.0 vite 4.1.0 vue 3.2.45 typescript 4.9.3 npm run dev 运行项目后，在Chrome63版本打开，显示空白页，并且有报错：

使用旧插件，配置兼容低版本，没有作用；配置如下：

这个有没有办法解决啊？求大佬指点！

再生产

https://github.com/LLLuojp/test_project

重现步骤

没有反应

系统信息

Uncaught SyntaxError: Unexpected token .

使用包管理器

npm

LLLuojp

@vitejs/legacy-plugin插件只作用于生产模式哦。

chenxch

但是生产上也没有用...

LLLuojp

那你要反馈清楚生产上的错误信息，你这里只是反馈了dev模式。建议target改为 targets: ['ie >= 11'],

chenxch

那你要反馈清楚生产上的错误信息，你这里只是反馈了dev模式。建议target改为 targets: ['ie >= 11'],

这个配置试过，但是报错信息是一样的，生产环境也是，页面白屏，然后import.meta报错

LLLuojp

legacy({
        targets: ['ie >= 11'],
        additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
      })

你还是想办法提供一个可复现的demo吧，我这个配置vue2+vite生产模式IE都能跑

chenxch

错误似乎来自开发模式？在开发模式下，您需要使用最新的浏览器才能工作，尤其是 Vite 默认情况下不会在开发模式下向下编译代码。只有在构建模式下才会plugin-legacy启动，您可以在较旧的浏览器中对其进行测试。

bluwy

你好，我建了一个最基本的demo，上传了代码，地址在上边更新了，但是在Chrome63版本还是打不开，一样的报错。有时间的话可以帮忙看一下吗？

LLLuojp

我觉得是vue3的原因，vue3应该不支持低版本浏览器，起码ie11不行，换成vue2试试呢，vue2最新版也支持setup

zqy233

回答