SyntaxError: Cannot use import statement outside a module 错误处理

在使用 vite 时，有个需求是把项目拷贝到另一个目录下运行，出现以下错误 SyntaxError: Cannot use import statement outside a module。

运行 npm run build 时，出现类似以下的错误：

node_modules/vite/bin/vite.js:2
import { performance } from 'node:perf_hooks'

Cannot use import statement outside a module

这个报错有三种情况，大家可以依据各自的情况进行处理。

情况1:node_modules缓存

这种情况是由于 node_modules 缓存的文件，这时只要删除 node_modules ，并重新安装依赖包。

npm install

再重新运行即可解决。

情况2:node版本较低

Vite 要求 Node.js 版本大于 18+ 20+，如果不满足，请升级本机的 npm 版本

情况3:

脚本没有在 module 范围内执行，例如写成下面的形式会报错

<script src="./file.js"></script>

需要改成

<script type="module" src="./file.js"></script>