快捷導(dǎo)航

vite+vue3項(xiàng)目啟動(dòng)報(bào)錯(cuò)Unexpected?“%“問題及解決

更新時(shí)間：2024年03月21日 09:13:48 作者：V_AYA_V

這篇文章主要介紹了vite+vue3項(xiàng)目啟動(dòng)報(bào)錯(cuò)Unexpected?“%“問題及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vite+vue3項(xiàng)目啟動(dòng)報(bào)錯(cuò)Unexpected “%“

vite+vue項(xiàng)目啟動(dòng)報(bào)錯(cuò)，思考良久，找不到原因，在github上查看到一issues，大致原因一樣，記錄一下 issuse地址

報(bào)錯(cuò)截圖

描述：

大致意思是裝了管控軟件，將一些文件夾直接給加密了。想來本公司之前是有做過防泄密操作，記錄一下。

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è)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue中的Router基本配置命令實(shí)例詳解
Vue的Router是一個(gè)用于實(shí)現(xiàn)頁面跳轉(zhuǎn)和路由管理的插件,它可以幫助我們根據(jù)不同的URL請(qǐng)求加載不同的組件,以及實(shí)現(xiàn)前端路由功能,本文給大家介紹vue中的Router基本配置命令,感興趣的朋友跟隨小編一起看看吧
2024-02-02
Vue-Typed-JS打字動(dòng)畫效果實(shí)現(xiàn)全過程
Vue-typed-js是一個(gè)用于Vue.js的Typed.js集成插件,它可以創(chuàng)建打字動(dòng)畫效果,這篇文章主要介紹了Vue-Typed-JS打字動(dòng)畫效果實(shí)現(xiàn)的相關(guān)資料,文中將插件的安裝及使用介紹的非常詳細(xì),需要的朋友可以參考下
2025-08-08
Vue實(shí)現(xiàn)實(shí)時(shí)監(jiān)聽頁面寬度高度變化
這篇文章主要為大家詳細(xì)介紹了Vue如何實(shí)現(xiàn)實(shí)時(shí)監(jiān)聽頁面寬度高度變化,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-03-03
解決vue中axios設(shè)置超時(shí)(超過5分鐘)沒反應(yīng)的問題
這篇文章主要介紹了解決vue中axios設(shè)置超時(shí)(超過5分鐘)沒反應(yīng)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2020-09-09
vue3項(xiàng)目啟動(dòng)自動(dòng)打開瀏覽器以及server配置過程
這篇文章主要介紹了vue3項(xiàng)目啟動(dòng)自動(dòng)打開瀏覽器以及server配置過程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-03-03
Vant中List組件immediate-check=false無效的解決
這篇文章主要介紹了Vant中List組件immediate-check=false無效的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-01-01
vue3實(shí)現(xiàn)對(duì)自定義組件自由拖動(dòng)效果
在數(shù)據(jù)可視化看板開發(fā)中,組件的自由拖拽功能能極大提升交互體驗(yàn),本文將基于Vue3生態(tài),從零開始解析如何實(shí)現(xiàn)一個(gè)支持自由拖拽的容器組件,感興趣的朋友一起看看吧
2025-04-04
vue+element tabs選項(xiàng)卡分頁效果
這篇文章主要為大家詳細(xì)介紹了vue+element tabs選項(xiàng)卡分頁效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-09-09
基于Vue3實(shí)現(xiàn)列表虛擬滾動(dòng)效果
這篇文章主要為大家介紹了如何利用Vue3實(shí)現(xiàn)列表虛擬滾動(dòng)效果，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)或工作有一定價(jià)值，需要的可以參考一下
2022-04-04
在Vue中用canvas實(shí)現(xiàn)二維碼和圖片合成海報(bào)的方法
這篇文章主要介紹了在Vue中用canvas實(shí)現(xiàn)二維碼和圖片合成海報(bào)的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-06-06