iT邦幫忙

0

vue3 項目打包?? npm run build如何正常顯示?

  • 分享至 

  • xImage

vue3 項目打包?? npm run build如何運行?

npm create vite@latest
cd alex
npm install
npm run dev
npm run dev正常有出現Vite + Vue頁面

npm run build

一片空白,如何讓vite+vue頁面正能打包後正常顥示

還需要安裝vue-router嗎?如何做?是否有說明、教學或或影片???

vue-router自己創建嗎???

如何 npm run build打包能正常顥示

簡易版單純顯示一個組件?

標準步驟,有嗎哪些????感恩謝謝.

froce iT邦大師 1 級 ‧ 2023-03-15 10:55:08 檢舉
vite是打包兼測試server,要用就先
npm create vite@latest
這樣就會跳出互動式對話,把你要的模板建好,然後
npm run dev
會打開測試server
npm run build
就幫你打包了。

包完後在dist裡的東西要拿去web server下佈署才會有內容出現,直接在本地點開會踩到CORS。

vue-router是你要在你的vue專案,把路由做在前端才會用到,跟打包沒關係。
ppp896 iT邦新手 4 級 ‧ 2023-03-15 14:46:43 檢舉
感恩,謝謝....
ppp896 iT邦新手 4 級 ‧ 2023-03-15 14:58:23 檢舉
我在Vue3菜鳥課程中看見,只要改相對路徑就能看見???才有那麼多疑問???

https://www.runoob.com/vue3/vue3-build.html
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答