React + TypeScript：“import.meta”属性的 Vite 构建错误

Question

我正在开发一个使用 Vite 进行捆绑的 React 和 TypeScript 项目。该问题是在构建过程中出现的。我已正确安装所有依赖项，并且开发服务器运行良好，但构建失败并出现与 import.meta 相关的错误。

错误： 这是我收到的错误消息：

X [ERROR] Expected identifier but found "import"

  (define name):1:0:
    1 │ import.meta.dirname
      ╵ ~~~~~~

X [ERROR] Expected identifier but found "import"

  (define name):1:0:
    1 │ import.meta.filename
      ╵ ~~~~~~

failed to load config from path/to/vite.config.ts
error during build:
Error: Build failed with 3 errors:
...

Answer 1

要解决此问题，请尝试通过运行以下命令将

esbuild

降级到版本

0.24.0

：

npm install -D [email protected]

这应该可以修复与

import.meta

相关的构建错误。