vite+vue3項(xiàng)目啟動(dòng)報(bào)錯(cuò)Unexpected?“%“問題及解決
vite+vue3項(xiàng)目啟動(dòng)報(bào)錯(cuò)Unexpected “%“
vite+vue項(xiàng)目啟動(dòng)報(bào)錯(cuò),思考良久,找不到原因,在github上查看到一issues,大致原因一樣,記錄一下 issuse地址

描述:

大致意思是裝了管控軟件,將一些文件夾直接給加密了。想來本公司之前是有做過防泄密操作,記錄一下。
vite+vue3運(yùn)行項(xiàng)目報(bào)錯(cuò)failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘
運(yùn)行vite+vue3項(xiàng)目時(shí)報(bào)錯(cuò):
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版本不夠,于是去升級(jí)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 是因?yàn)樵诎惭b管理工具時(shí)沒有權(quán)限,需要在命令的前面加上sudo,如sudo n 16.0.0,然后出現(xiàn)以下就是安裝正確

5.也可以升級(jí)到最新的穩(wěn)定版本:
sudo n stable

然后去啟動(dòng)項(xiàng)目:npm run dev 啟動(dòng)成功

總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- vue3項(xiàng)目中配置sass,vite報(bào)錯(cuò)Undefined mixin問題
- vue3+vite+vant項(xiàng)目下按需引入vant報(bào)錯(cuò)Failed?to?resolve?import的原因及解決方案
- vue3-vite安裝后main.ts文件和tsconfig.app.json文件報(bào)錯(cuò)解決辦法
- vite+vue3使用@路徑報(bào)錯(cuò)處理
- vue3+vite:src使用require動(dòng)態(tài)導(dǎo)入圖片報(bào)錯(cuò)的最新解決方法
- vue3+vite中報(bào)錯(cuò)信息處理方法Error: Module “path“ has been externalized for browser compatibility...
- Vue3之Vite中由element?ui更新導(dǎo)致的啟動(dòng)報(bào)錯(cuò)解決
- vue3+vite項(xiàng)目中按需引入vant報(bào)錯(cuò):Failed?to?resolve?import的解決方案
- vite+vue3項(xiàng)目報(bào)錯(cuò):TypeError:?Promise.allSettled?is?not?a?function
相關(guān)文章
如何利用 vue實(shí)現(xiàn)鼠標(biāo)懸停時(shí)顯示元素或文本
Vue.js 是一種流行的 JavaScript 框架,可以使 Web 應(yīng)用程序的開發(fā)變得更加輕松和高效,這篇文章主要介紹了在 vue 中鼠標(biāo)懸停時(shí)顯示元素或文本,需要的朋友可以參考下2023-05-05
Vue3中實(shí)現(xiàn)代碼高亮的兩種方法(prismjs和highlight.js)
最近忙著開發(fā)自己的博客系統(tǒng),在做界面展示的時(shí)候,需要讓代碼高亮,于是經(jīng)過在網(wǎng)上查閱,發(fā)現(xiàn)有兩款比較好用的插件實(shí)現(xiàn)代碼高亮,分別是prismjs和highlight.js,下面我分別介紹下,方便給需要的同學(xué)參考2025-04-04
vue-better-scroll 的使用實(shí)例代碼詳解
這篇文章主要介紹了vue-better-scroll 的使用實(shí)例代碼詳解,代碼簡單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-12-12
探秘Vue異步更新機(jī)制中nextTick的原理與實(shí)現(xiàn)
nextTick?是?Vue?提供的一個(gè)重要工具,它的作用主要體現(xiàn)在幫助我們更好地處理異步操作,下面就跟隨小編一起來探索一下nextTick的原理與實(shí)現(xiàn)吧2024-02-02

