vue-cli3.0打包頁面無法加載js文件

情況一:頁面空白且控制檯報錯

使用 npm run build 打包後,瀏覽器訪問dist/index.html文件時,無法加載js文件

解決方案:

在網上搜了很多方法,他們修改的配置文件都不適合vue-cli3.0,因爲vue-cli3.0的目錄結構如下:

  • 1、此時需要自己新建一個文件:(根目錄下新建vue.config.js

module.exports = {
  publicPath: './',
}
  • 2、再次重新打包即可正確訪問

情況二:頁面空白且但是控制檯不報錯

  • 1、註釋掉路由的history模式

  •  2、新建一個文件:(根目錄下新建vue.config.js

參考情況一

  • 3、打包即可


注意:此處使用baseUrl有可能會報警告,且無法打包,因爲官網已規定不再使用baseUrl

https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章