2016-12-30 147 views
1

我正在嘗試獲得vue js生產源代碼。 我用這個命令npm run build。我得到了一個dist文件夾,其中index.html和一個名爲static的文件夾全部爲cssjsVue js Build not working

當我試圖運行index.html在本地主機,XAMPP服務器我得到了一個空白頁。

是否有可能與VUE JSXAMPP運行。

+0

空白頁可能意味着有一些js錯誤,你能打開瀏覽器開發工具js控制檯,看看有什麼嗎? –

+0

你使用了'vue-cli'嗎? – CENT1PEDE

回答

1

Vue.js是一個瀏覽器端應用框架。服務器端技術並不重要,除非您嘗試進行服務器端渲染。

npm run build作品完全沒有問題,而且它創造了manifest.#.jsvendor.#.jsapp.#.js

縮小的一組文件的打開谷歌瀏覽器的開發者工具的網絡標籤來查看文件加載得到什麼。如果任何js文件沒有被加載,那麼您需要執行一個路徑配置,以便您的服務器提供正確的文件。

您可能需要稍微調整index.html文件,以使其完全符合您的要求,並將js文件從dist/static文件夾移至您的首選位置。只要應用程序文件按照正確的順序提供,url路徑並不重要。

2

通常,當您執行生產構建時,在index.html文件中設置的路徑會在其前面添加一個斜槓,這意味着它將查找基本域中的文件。所以即時通訊猜測你只是試圖通過雙擊index.html文件並在瀏覽器中打開它在瀏覽器中打開文件。

喜歡的東西 file:///Users/brianvoelker/Desktop/websites/vue-build/docs/index.html 因此,在這個例子是想尋找文件file:///和病程不要存在的。

所以你可以做任何兩件事情打開index.html文件,並在開始時刪除斜線或只是知道什麼時候部署,它將工作,因爲文件查找相對於基本域。

P.S.如果你正在尋找一個cli build tool Vue-build.com

0

我遇到了類似的問題,上面的信息幫助了我。但是,我發現如果您編輯VueJS CLI webpack工具的config文件夾中的index.js文件,並從默認的'/'將'assetsPublicPath:'變量編輯爲'./',那麼未來版本將查找正確的引用到靜態文件夾中的css和js文件。

0

我之前也有過這個問題。我通過更改config文件夾中的index.js文件來解決它。在構建,我改變了:

assetsPublicPath: '/', 

assetsPublicPath: '', 

,並試圖再次NPM運行版本。我檢查了dist文件並打開了索引。HTML和它的工作,沒有空白頁。