运行vite项目报错：await import(‘source

运行vite项目报错：await import(‘source

项目场景：

Electron + vue3 + vite项目实现屏幕截图功能

问题描述

运行 npm run dev 启动项目报错 await import('source-map-support').then((r) => r.default.install())

PS D:studyelectronelectronDemo> npm run dev> electronDemo@0.0.1 dev D:studyelectronelectronDemo> vite --mode developmentfile:///D:/study/electron/electronDemo/node_modules/vite/bin/vite.js:7await import('source-map-support').then((r) => r.default.install())^^^^^SyntaxError: Unexpected reserved duleStrategy (internal/modules/esm/translators.js:81:18)at async link (internal/modules/esm/module_job.js:37:21)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! electronDemo@0.0.1 dev: `vite --mode development`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the electronDemo@0.0.1 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.npm ERR! A complete log of this run can be found in:
npm ERR!     C:UsersAppDataRoamingnpm-cache_logs2023-10-07T06_08_23_492Z-debug.log

原因分析：

目前我的 nodeJS 版本是 14.1.0，初步怀疑是 nodeJS 版本引起的 vite 报错

PS D:studyelectronelectronDemo> nvm ls16.19.016.15.014.19.314.18.3* 14.1.0 (Currently using 64-bit executable)12.19.0
PS D:studyelectronelectronDemo>

解决方案：

采用 nvm 切换管理 nodeJS 版本，关于 nvm 的使用，请自行搜索资料。

PS D:studyelectronelectronDemo> nvm ls16.19.016.15.014.19.314.18.3* 14.1.0 (Currently using 64-bit executable)12.19.0
PS D:studyelectronelectronDemo> nvm use 16.19.0
Now using node v16.19.0 (64-bit)
PS D:studyelectronelectronDemo> nvm ls* 16.19.0 (Currently using 64-bit executable)16.15.014.19.314.18.314.1.012.19.0
PS D:studyelectronelectronDemo>

再次启动项目，成功执行：

PS D:studyelectronelectronDemo> npm run dev> electronDemo@0.0.1 dev
> vite --mode developmentVITE v4.4.9  ready in 1346 ms➜  Local:   127.0.0.1:5173/➜  Network: use --host to expose➜  press h to show help
vite v4.4.9 building watching for 
✓ 3 modules transformed.
dist-electron/preload.js  0.40 kB │ gzip: 0.22 kB
dist-electron/main.js     1.60 kB │ gzip: 0.82 kB
built in 164ms.