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
問題解決,服務啟動成功