Vite 2.x升级至3.0.2后出现[plugin:vite:import-analysis]语法错误求助

错误原因 #

Vite 3.0.2使用的esbuild版本对JavaScript语法解析更严格，你代码中动态import()语句里的换行注释写法不符合ES规范，导致解析失败。Vite 2.x对这种写法兼容度更高，所以之前能正常运行。

修复方案 #

修改loadLocaleMessages函数中的动态导入代码，将webpack魔法注释与模板字符串放在同一行：

原代码：

const messages = await import(
/* webpackChunkName: "locale-[request]" */ `./locales/${locale}.json`
)

修改后：

const messages = await import(/* webpackChunkName: "locale-[request]" */ `./locales/${locale}.json`)

调整后esbuild可正确解析该语句，报错即可消除。

内容的提问来源于stack exchange，提问作者Kayahan Kahrıman