vue3.0運(yùn)行npm run dev報(bào)錯(cuò)Cannot find module node:url
問(wèn)題背景
近期用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)
問(wèn)題分析
因?yàn)槭褂玫膎ode版本是14.15.1低于15.0.0導(dǎo)致,安裝node版本等于或者大于15.0.0版本,然后npm run dev即可。
問(wèn)題解決
不同的環(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繞過(guò)遠(yuǎn)程服務(wù)器的SSL。 nvm list [available] :顯示已安裝的列表??蛇x參數(shù)available,顯示可安裝的所有版本。list可簡(jiǎn)化為ls。 nvm on :開(kāi)啟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可簡(jiǎn)化為v。
(3)安裝node.js版本
1)nvm list available 顯示可下載版本的部分列表
2)nvm install 16.19.0 安裝指定版本(nvm install latest安裝最新版本 )
注意:命令行切換(注意:請(qǐng)切換國(guó)內(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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue實(shí)現(xiàn)公告消息橫向無(wú)縫循環(huán)滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)公告消息橫向無(wú)縫循環(huán)滾動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04vue+Java后端進(jìn)行調(diào)試時(shí)解決跨域問(wèn)題的方式
今天在開(kāi)發(fā)中遇到有點(diǎn)小問(wèn)題,vue+Java后端進(jìn)行調(diào)試時(shí)如何解決跨域問(wèn)題,下面小編給大家分享解決方法,感興趣的朋友一起看看吧2017-10-10vue?webpack打包原理解析(全網(wǎng)最新最全)
webpack是讓我們可以進(jìn)行模塊化開(kāi)發(fā),并且會(huì)幫助我們處理模塊間的依賴關(guān)系,這篇文章主要介紹了vue?webpack打包原理,本篇介紹的有點(diǎn)長(zhǎng),希望大家耐心閱讀2023-02-02詳解vue-cli 快速搭建單頁(yè)應(yīng)用之遇到的問(wèn)題及解決辦法
這篇文章主要介紹了詳解vue-cli 快速搭建單頁(yè)應(yīng)用之遇到的問(wèn)題及解決辦法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03vue項(xiàng)目?jī)?yōu)化之通過(guò)keep-alive數(shù)據(jù)緩存的方法
本篇文章主要介紹了vue項(xiàng)目?jī)?yōu)化之通過(guò)keep-alive數(shù)據(jù)緩存的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12Vue 開(kāi)發(fā)音樂(lè)播放器之歌手頁(yè)右側(cè)快速入口功能
這篇文章主要介紹了Vue 開(kāi)發(fā)音樂(lè)播放器之歌手頁(yè)右側(cè)快速入口功能,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-08-08在vue中多次調(diào)用同一個(gè)定義全局變量的實(shí)例
今天小編就為大家分享一篇在vue中多次調(diào)用同一個(gè)定義全局變量的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09