在學習安裝腳手架Vue-cli過程中 步驟為: 第一步(僅第一次執行):全局安裝@vue/cli。 npm install -g @vue/cli 第二步:切換到你要創建項目的目錄,然後使用命令創建項目 vue create xxxx 第三步:啟動項目 npm run serve 備註: 如出現下載 ...
在學習安裝腳手架Vue-cli過程中
步驟為:
第一步(僅第一次執行):全局安裝@vue/cli。
npm install -g @vue/cli
第二步:切換到你要創建項目的目錄,然後使用命令創建項目
vue create xxxx
第三步:啟動項目
npm run serve
備註:
- 如出現下載緩慢請配置 npm 淘寶鏡像:npm config set registry
https://registry.npm.taobao.org
在運行 npm run serve
時出現報錯code: 'MODULE_NOT_FOUND'
具體報錯信息如下:
點擊查看代碼
Error: Cannot find module 'F:\StudySpace\Vue\Code\@vue\cli-service\bin\vue-cli-service.js'
at Module._resolveFilename (node:internal/modules/cjs/loader:1047:15)
at Module._load (node:internal/modules/cjs/loader:893:27)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
at node:internal/main/run_main_module:23:47 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
解決方案
有兩種
第一種本人測試後無效:
1、刪除vue項目中的node_modules,然後cmd命令直接npm install。
2、下麵詳細介紹使用方案一不起效果的情況。
第二種解決方案(有效):
- 打開vue項目node_modules文件下.bin中的vue-cli-service.cmd。
- 修改內容為
@IF EXIST "%~dp0\node.exe" (
"%~dp0\node.exe" "%~dp0\..\@vue\cli-service\bin\vue-cli-service.js" %*
) ELSE (
@SETLOCAL
@SET PATHEXT=%PATHEXT:;.JS;=;%
node "%~dp0\..\@vue\cli-service\bin\vue-cli-service.js" %*
)
- 再次運行`npm run serve`
問題解決: