這里記錄個問題:
1.按照vite官網的建議新建vite項目執行npm run build卻報錯?
image.png
2.問題描述
我新建的vite+vue3+ts項目,執行npm run dev 運行正常,執行 npm run build直接報錯,很明顯是node版本不對。
當前運行環境如下,可以看到其實是滿足官網提到的node 14.18+:
image.png
執行npm run build報錯如下:
D:\gitee\vite-project>npm run build
> vite-project@0.0.0 build D:\gitee\vite-project
> vue-tsc && vite build
D:\gitee\vite-project\node_modules\@volar\vue-language-core\out\generators\template.js:203
tagOffsetsMap[tag] ??= [];
^^^
SyntaxError: Unexpected token '??='
at wrapSafe (internal/modules/cjs/loader.js:1001:16)
at Module._compile (internal/modules/cjs/loader.js:1049:27)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
at Module.load (internal/modules/cjs/loader.js:950:32)
at Function.Module._load (internal/modules/cjs/loader.js:790:12)
at Module.require (internal/modules/cjs/loader.js:974:19)
at require (internal/modules/cjs/helpers.js:101:18)
at Object.<anonymous> (D:\gitee\vite-project\node_modules\@volar\vue-language-core\out\index.js:18:14)
at Module._compile (internal/modules/cjs/loader.js:1085:14)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vite-project@0.0.0 build: `vue-tsc && vite build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vite-project@0.0.0 build 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:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2023-05-09T01_30_14_954Z-debug.log
3.解決辦法,還是升級node版本:
升級node版本為16.14.2+,然后刪除原來的node_modules文件夾和package-lock.json文件,重新安裝依賴即可打包成功。
image.png
若對你有幫助,請點個贊吧,謝謝支持!
參考:
vite官網