"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 都可以解決了

轉載請註明出處