vue3.0運(yùn)行npm run dev報(bào)錯(cuò)Cannot find module node:url
問題背景
近期用vue3.0寫項(xiàng)目,npm init vue@latest —> npm install 都正常,npm run dev的時(shí)候報(bào)錯(cuò)如下:
failed to load config from F:\code\testVue\vue-demo\vite.config.js
error when starting dev server:
Error: Cannot find module 'node:url'
Require stack:
- F:\code\testVue\vue-demo\vite.config.js
- F:\code\testVue\vue-demo\node_modules\vite\dist\node\chunks\dep-bb8a8339.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
問題分析
因?yàn)槭褂玫膎ode版本是14.15.1低于15.0.0導(dǎo)致,安裝node版本等于或者大于15.0.0版本,然后npm run dev即可。
問題解決
不同的環(huán)境,對(duì)nodejs版本的要求不一樣,我們可以使用nvm工具,管理和切換node.js的版本。
(1)nvm下載:https://nvm.uihtm.com/
(2)nvm命令提示
nvm arch:顯示node是運(yùn)行在32位還是64位。 nvm install <version> [arch] :安裝node, version是特定版本也可以是最新穩(wěn)定版本latest??蛇x參數(shù)arch指定安裝32位還是64位版本,默認(rèn)是系統(tǒng)位數(shù)??梢蕴砑?-insecure繞過遠(yuǎn)程服務(wù)器的SSL。 nvm list [available] :顯示已安裝的列表。可選參數(shù)available,顯示可安裝的所有版本。list可簡化為ls。 nvm on :開啟node.js版本管理。 nvm off :關(guān)閉node.js版本管理。 nvm proxy [url] :設(shè)置下載代理。不加可選參數(shù)url,顯示當(dāng)前代理。將url設(shè)置為none則移除代理。 nvm node_mirror [url] :設(shè)置node鏡像。默認(rèn)是https://nodejs.org/dist/。如果不寫url,則使用默認(rèn)url。設(shè)置后可至安裝目錄settings.txt文件查看,也可直接在該文件操作。 nvm npm_mirror [url] :設(shè)置npm鏡像。https://github.com/npm/cli/archive/。如果不寫url,則使用默認(rèn)url。設(shè)置后可至安裝目錄settings.txt文件查看,也可直接在該文件操作。 nvm uninstall <version> :卸載指定版本node。 nvm use [version] [arch] :使用制定版本node??芍付?2/64位。 nvm root [path] :設(shè)置存儲(chǔ)不同版本node的目錄。如果未設(shè)置,默認(rèn)使用當(dāng)前目錄。 nvm version :顯示nvm版本。version可簡化為v。
(3)安裝node.js版本
1)nvm list available 顯示可下載版本的部分列表

2)nvm install 16.19.0 安裝指定版本(nvm install latest安裝最新版本 )
注意:命令行切換(注意:請切換國內(nèi)鏡像后再安裝node版本,否則會(huì)很慢)
阿里云鏡像
nvm npm_mirror https://npmmirror.com/mirrors/npm/ nvm node_mirror https://npmmirror.com/mirrors/node/
3)安裝完成后,查看已安裝版本
nvm list

4)切換node版本
nvm use 16.19.0

3)重新運(yùn)行npm run dev,成功運(yùn)行vue3項(xiàng)目


到此這篇關(guān)于vue3.0運(yùn)行npm run dev報(bào)錯(cuò)Cannot find module node:url的文章就介紹到這了,更多相關(guān)vue3.0運(yùn)行npm run dev報(bào)錯(cuò)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- npm run dev和npm run serve的區(qū)別小結(jié)
- Vue項(xiàng)目npm操作npm run serve或npm run dev報(bào)錯(cuò)及二者的區(qū)別
- npm run dev報(bào)錯(cuò)信息及解決方法
- 運(yùn)行npm?run?dev報(bào)錯(cuò)的原因及解決
- 使用vue-cli初始化項(xiàng)目時(shí)運(yùn)行‘npm run dev’報(bào)錯(cuò)及解決
- npm?run?dev失敗的簡單解決辦法
- 詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁面cannot GET/問題
- 關(guān)于vue的npm run dev和npm run build的區(qū)別介紹
- 詳解Vue項(xiàng)目在其他電腦npm run dev運(yùn)行報(bào)錯(cuò)的解決方法
- Vue項(xiàng)目npm run dev啟動(dòng)失敗的6個(gè)常見原因(附解決方案)
相關(guān)文章
有關(guān)vue 組件切換,動(dòng)態(tài)組件,組件緩存
這篇文章主要介紹了有關(guān)vue 組件切換,動(dòng)態(tài)組件,組件緩存,在組件化開發(fā)模式下,我們會(huì)把整個(gè)項(xiàng)目拆分成很多組件,然后按照合理的方式組織起來,達(dá)到預(yù)期效果,下面來看看文章的詳細(xì)內(nèi)容2021-11-11
vue實(shí)現(xiàn)兩列水平時(shí)間軸的示例代碼
本文主要介紹了vue實(shí)現(xiàn)兩列水平時(shí)間軸的示例代碼,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-11-11
Element Table的row-class-name無效與動(dòng)態(tài)高亮顯示選中行背景色
這篇文章主要介紹了Element Table的row-class-name無效與動(dòng)態(tài)高亮顯示選中行背景色,本文詳細(xì)的介紹了解決方案,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-11-11
Vue前端導(dǎo)出Excel文件的詳細(xì)實(shí)現(xiàn)方案
在開發(fā)后臺(tái)管理系統(tǒng)的時(shí)候,很多地方都要用到導(dǎo)出excel表格,比如將table中的數(shù)據(jù)導(dǎo)出到本地,下面這篇文章主要給大家介紹了關(guān)于Vue導(dǎo)出Excel文件的相關(guān)資料,需要的朋友可以參考下2021-09-09
vue 關(guān)閉瀏覽器窗口的時(shí)候,清空localStorage的數(shù)據(jù)示例
今天小編就為大家分享一篇vue 關(guān)閉瀏覽器窗口的時(shí)候,清空localStorage的數(shù)據(jù)示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11

