vite+vue3項目啟動報錯Unexpected?“%“問題及解決
更新時間：2024年03月21日 09:13:48 作者：V_AYA_V
這篇文章主要介紹了vite+vue3項目啟動報錯Unexpected?“%“問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vite+vue3項目啟動報錯Unexpected “%“
vite+vue項目啟動報錯，思考良久，找不到原因，在github上查看到一issues，大致原因一樣，記錄一下 issuse地址
描述：
大致意思是裝了管控軟件，將一些文件夾直接給加密了。想來本公司之前是有做過防泄密操作，記錄一下。
vite+vue3運行項目報錯failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘
運行vite+vue3項目時報錯：
failed to load config from …/vite.config.ts
error when starting dev server:
Error: Cannot find module ‘node:path’
Require stack:
/Users/list/Downloads/Admin-master/node_modules/vite/dist/node-cjs/publicUtils.cjs
百度了發(fā)現(xiàn)是node版本不夠，于是去升級node到16版本
1.清除npm緩存：
npm cache clean -f
2.安裝node版本管理工具n：
npm install n -g 或 sudo npm install n -g
3.查看所有node版本：
npm view node versions
4.指定安裝版本：
n 16.0.0
這里提示not found 是因為在安裝管理工具時沒有權(quán)限，需要在命令的前面加上sudo，如sudo n 16.0.0，然后出現(xiàn)以下就是安裝正確
5.也可以升級到最新的穩(wěn)定版本：
sudo n stable
然后去啟動項目：npm run dev 啟動成功
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- vue3項目中配置sass,vite報錯Undefined mixin問題
- vue3+vite+vant項目下按需引入vant報錯Failed?to?resolve?import的原因及解決方案
- vue3-vite安裝后main.ts文件和tsconfig.app.json文件報錯解決辦法
- vite+vue3使用@路徑報錯處理
- vue3+vite:src使用require動態(tài)導(dǎo)入圖片報錯的最新解決方法
- vue3+vite中報錯信息處理方法Error: Module “path“ has been externalized for browser compatibility...
- Vue3之Vite中由element?ui更新導(dǎo)致的啟動報錯解決
- vue3+vite項目中按需引入vant報錯:Failed?to?resolve?import的解決方案
- vite+vue3項目報錯：TypeError:?Promise.allSettled?is?not?a?function
相關(guān)文章
這篇文章主要介紹了Vue scoped及deep使用方法解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08
Vue.js 是一種流行的 JavaScript 框架，可以使 Web 應(yīng)用程序的開發(fā)變得更加輕松和高效，這篇文章主要介紹了在 vue 中鼠標懸停時顯示元素或文本,需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細介紹了Vue實現(xiàn)圖書管理案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要為大家詳細介紹了Vue2中引入使用ElementUI教程的相關(guān)知識,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的可以參考下2024-03-03
Vue3中實現(xiàn)代碼高亮的兩種方法(prismjs和highlight.js)
最近忙著開發(fā)自己的博客系統(tǒng),在做界面展示的時候,需要讓代碼高亮,于是經(jīng)過在網(wǎng)上查閱,發(fā)現(xiàn)有兩款比較好用的插件實現(xiàn)代碼高亮,分別是prismjs和highlight.js,下面我分別介紹下,方便給需要的同學(xué)參考2025-04-04
這篇文章主要介紹了vue-better-scroll 的使用實例代碼詳解，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-12-12
響應(yīng)式就是當對象本身(對象的增刪值)或者對象屬性(重新賦值)發(fā)生變化時,將會運行一些函數(shù),最常見的就是render函數(shù),下面這篇文章主要給大家介紹了關(guān)于Vue3響應(yīng)式原理的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細介紹了vue實現(xiàn)拖拽窗口功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
探秘Vue異步更新機制中nextTick的原理與實現(xiàn)
nextTick?是?Vue?提供的一個重要工具,它的作用主要體現(xiàn)在幫助我們更好地處理異步操作,下面就跟隨小編一起來探索一下nextTick的原理與實現(xiàn)吧2024-02-02
這篇文章主要介紹了詳解vue-cli 2.0配置文件(小結(jié))，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01