"Failed to load resource: net::ERR_FILE_NOT_FOUND"錯誤 。vue-cli 3.0 創建的項目，dev下能運行，打包后報錯，頁面空白 。

cli3.0  解決辦法：

 Failed to load resource: net::ERR_FILE_NOT_FOUND

 

打開dist/index.html， 引入是有問題的，

 

在vue-cli 3.0 創建的項目中是找不到webpack的配置文件，因為vue-cli 3.0 將其封裝起來了，只需要在項目的根目錄下的vue.config.js文件中修改就行了（若項目沒有該文件，直接在根目錄下添加一個），將baseUrl的值設為 ‘./’即可，修改如下

const webpack = require("webpack");
module.exports = {
    pluginOptions: new webpack.ProvidePlugin({
        jQuery: "jquery",
        $: "jquery"
    }),
    baseUrl: './' // 加入這行就可以了
};

 

cli2.x  解決辦法:

打開config/index.js文件，將build->assetsPublicPath改為“./”，即可，就是前面加個點。

build: {
  // Template for index.html
  index: path.resolve(__dirname, '../dist/index.html'),
 
  // Paths
  assetsRoot: path.resolve(__dirname, '../dist'),
  assetsSubDirectory: 'static',
  assetsPublicPath: './',  // 修改這里的代碼
}

 

好了 2.x  3.0 都可以解決了

轉載請注明出處