"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'? '. /': '/'
}
いい加減にしろ
帰属表示付きで再掲載
関連
-
[解決済み】フィールド 'browser' が有効なエイリアス設定を含んでいない
-
[解決済み】npm ERR!レジストリエラーのjson解析 - Windows 8でIonic Framework用のCordovaをインストールしようとしているとき
-
[解決済み】webpackが内部または外部コマンド、操作可能なプログラムまたはバッチファイルとして認識されない
-
[解決済み】ExperimentalWarning: fs.promises APIは実験的です。
-
nvmコマンドが見つからない問題を解決する
-
[解決済み] エラーです。EPERM: operation not permitted, unlink 'D:\Sources**node_modules**fsevents**node_modules**abbrev**package.json'
-
[解決済み] Babel コマンドが見つかりません
-
[解決済み] NPM Publish Registry - 403 Forbidden - "You don't have permission to publish "...".
-
NPM- モジュール 'xxxxxxxxxx' が見つかりません。
-
エラーを解決する。ENOENT: no such file or directory, scandir install node-sass error.
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン