[VUE]vue3新建專案

le.li發表於2024-07-30

1、基礎準備,需要安裝npm,配置下載依賴映象地址。(略)

環境資訊

window7作業系統

2、開啟cmd執行初始化命令

npm create vite@latest

依次按照提示輸入:

2.1、 輸入"y"並敲Enter鍵

2.2、 輸入工程名稱“demo-vue3”(自定義名稱根據實際修改)

提示:安鍵盤上下鍵或者左右鍵,選擇是否,根據實際情況選擇,並回車

2.3 根據Now run後邊的提示依次輸入命令列

cd demo-vue3
npm install
npm run dev

啟動成功後,頁面訪問:

http://localhost:5173/

頁面訪問:

http://localhost:5173/

以下是啟動報錯的場景,window7系統

啟動報錯:

注意報錯提示,已知bug,

Error: Cannot find module @rollup/rollup-win32-x64-msvc. npm has a bug related t
o optional dependencies (https://github.com/npm/cli/issues/4828). Please try `np
m i` again after removing both package-lock.json and node_modules directory.

翻譯:

getError:找不到模組@rollup/rollup-win32-x64-msvc。npm有一個與可選依賴項相關的bug(https://github.com/npm/cli/issues/4828). 請在刪除package-lock.json和node_modules目錄後再次嘗試`npm i`。

處理:刪除package-lock.json和node_modules目錄後再次嘗試`npm i`。

問題依然未解決,開啟

https://github.com/npm/cli/issues/4828

發現有個windows7的解決方式:

執行:

npm i rollup@4.18.0 -D -E

問題解決,服務啟動成功

相關文章