1. ホーム
  2. npm

"Failed to load resource: net::ERR_FILE_NOT_FOUND" エラー。vue-cli 3.0 プロジェクトを作成し、dev で実行すると、パッケージング後にエラーが報告され、ページが空白になります。

2022-02-14 14:03:24

cli3.0ソリューションです。

 リソースの読み込みに失敗しました: net::ERR_FILE_NOT_FOUND

dist/index.htmlを開くと、導入部に不具合があり

vue-cli 3.0で作成したプロジェクトには、vue-cli 3.0がラップしているため、webpackの設定ファイルが見当たりません。プロジェクトのルートにあるvue.config.jsファイルを変更し(プロジェクトにない場合は、ルートに直接追加してください)、baseUrlの値を「. /' に設定します。

const webpack = require("webpack");
module.exports = {
    pluginOptions: new webpack.ProvidePlugin({
        jQuery: "jquery",
        $: "jquery"
    }),
    baseUrl: '. // Add this line and you're done
};

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'), // Paths /dist'),
  assetsSubDirectory: 'static',
  assetsPublicPath: '. /', // Change the code here

}

OK 2.x 3.0はすべてソートされています。


追加

私のバージョン

D:\code2222bbb> vue -V
vue/cli 4.5.12

新しい scaffolding を使用すると、vue-cli バージョン 3.3 以降で baseUrl が非推奨であることがわかりました。

module.exports = {
  baseUrl: process.env.NODE_ENV === 'production'? '. /': '/'
}


で、こっちはbaseUrlをpublicPathに変更する。

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'? '. /': '/'
}

いい加減にしろ

帰属表示付きで再掲載