vue3.0運行npm run dev報錯Cannot find module node:url
問題背景
近期用vue3.0寫項目,npm init vue@latest —> npm install 都正常,npm run dev的時候報錯如下:
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)
問題分析
因為使用的node版本是14.15.1低于15.0.0導致,安裝node版本等于或者大于15.0.0版本,然后npm run dev即可。
問題解決
不同的環(huán)境,對nodejs版本的要求不一樣,我們可以使用nvm工具,管理和切換node.js的版本。
(1)nvm下載:https://nvm.uihtm.com/
(2)nvm命令提示
nvm arch:顯示node是運行在32位還是64位。 nvm install <version> [arch] :安裝node, version是特定版本也可以是最新穩(wěn)定版本latest??蛇x參數(shù)arch指定安裝32位還是64位版本,默認是系統(tǒng)位數(shù)。可以添加--insecure繞過遠程服務器的SSL。 nvm list [available] :顯示已安裝的列表??蛇x參數(shù)available,顯示可安裝的所有版本。list可簡化為ls。 nvm on :開啟node.js版本管理。 nvm off :關閉node.js版本管理。 nvm proxy [url] :設置下載代理。不加可選參數(shù)url,顯示當前代理。將url設置為none則移除代理。 nvm node_mirror [url] :設置node鏡像。默認是https://nodejs.org/dist/。如果不寫url,則使用默認url。設置后可至安裝目錄settings.txt文件查看,也可直接在該文件操作。 nvm npm_mirror [url] :設置npm鏡像。https://github.com/npm/cli/archive/。如果不寫url,則使用默認url。設置后可至安裝目錄settings.txt文件查看,也可直接在該文件操作。 nvm uninstall <version> :卸載指定版本node。 nvm use [version] [arch] :使用制定版本node??芍付?2/64位。 nvm root [path] :設置存儲不同版本node的目錄。如果未設置,默認使用當前目錄。 nvm version :顯示nvm版本。version可簡化為v。
(3)安裝node.js版本
1)nvm list available 顯示可下載版本的部分列表
2)nvm install 16.19.0 安裝指定版本(nvm install latest安裝最新版本 )
注意:命令行切換(注意:請切換國內(nèi)鏡像后再安裝node版本,否則會很慢)
阿里云鏡像
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)重新運行npm run dev
,成功運行vue3項目
到此這篇關于vue3.0運行npm run dev報錯Cannot find module node:url的文章就介紹到這了,更多相關vue3.0運行npm run dev報錯內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
vue+Java后端進行調(diào)試時解決跨域問題的方式
今天在開發(fā)中遇到有點小問題,vue+Java后端進行調(diào)試時如何解決跨域問題,下面小編給大家分享解決方法,感興趣的朋友一起看看吧2017-10-10vue?webpack打包原理解析(全網(wǎng)最新最全)
webpack是讓我們可以進行模塊化開發(fā),并且會幫助我們處理模塊間的依賴關系,這篇文章主要介紹了vue?webpack打包原理,本篇介紹的有點長,希望大家耐心閱讀2023-02-02vue項目優(yōu)化之通過keep-alive數(shù)據(jù)緩存的方法
本篇文章主要介紹了vue項目優(yōu)化之通過keep-alive數(shù)據(jù)緩存的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-12-12