技術標籤：筆記webpack

最近在搭建一個vue+ElementUI+Vuex專案，打包時發現了有幾個問題，解決後特地記錄一下，以免下一次有遇到類似的問題。

一.頁面一片空白並報錯Failed to load resource: net::ERR_FILE_NOT_FOUND

第一次打包後發現頁面一片空白，並且報錯Failed to load resource: net::ERR_FILE_NOT_FOUND

然後上網發現更改一下配置就行了。

1.webpack.prod.conf.js 中output新增引數publicPath:’./’

2.修改webpack.base.conf.js中：

publicPath: process.env.NODE_ENV === 'production'

? './' +config.build.assetsPublicPath

: './' + config.dev.assetsPublicPath
 

3.如果還有問題：找到config檔案裡面的index.js檔案
修改build裡面的assetsPublicPath；

我是第三步本來就已經是這樣設定的所以，第三步沒有更改。

然後打包，頁面就不再是一片空白了。

但是有出現了新的問題，發現部分Element UI 樣式失效，如下圖,icon變成方框了
解決辦法：在build資料夾下找到utils.js，加上一行publicPath：’…/…/’

然後再打包，開啟index.html檔案就能看到圖示正常顯示啦。