問題タブ [vue-cli-4]

この日付までの最新バージョンの Vue CLI で生成されたこのプロジェクトに大きな問題があります。favicon が表示されません。パブリックフォルダーの/imgフォルダーを以前に削除し、独自の favicon.png を index.html ファイルに追加しました。

プロジェクトを実行すると、アイコンが表示されず、クライアント側のコードをチェックすると、画像に示すように自動的にコメントが付けられます。コメント行を変更すると、カスタム アイコンが正しく表示されるので、これを修正する方法を知りたいです。

index.html ファイル

また、コードでわかるように、<%= htmlWebpackPlugin.options.title %>最初に生成された は役に立たないので消去しました。私を助けてくれる人に感謝します！

これは、ビルド ツールのアップグレードを先延ばしにするもう 1 つのケースです。アップグレードするたびに、対処しなければならない変更が大量にあるからです。

vue cli 4.5 を使用して新しいプロジェクトを作成し、新しいプロジェクトと同じようにロードしました。次に、依存関係、構成ファイルなどに関する限り、新しいプロジェクトがどのように見えるかを複製しました。node_modulesを削除し、パッケージロックを削除し、実行npm installしnpm run serveてから、Web全体で見られる奇妙なキャッシュエラーを取得しましたが、何もうまくいきませんでした.

この依存関係は見つかりませんでした:

@/components/renderers/Loader in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/ cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/grids/shared.vue?vue&type=script&lang=js&

インストールするには、次を実行します: npm install --save @/components/renderers/Loader

これらの関連モジュールが見つかりませんでした:

./src/components/icons/index.js の ./Icon.vue

../../renderers/Loader in ./node_modules/cache-loader/dist/cjs.js??ref--12-

などなど

これが私のpackage.jsonです

ここに私の vue.config.js があります

次に、vue.config.jsを削除しようとしました...

そしてbabel.config.js

以前はすべてが完全に正常に機能していました。すぐに使用できるアプリには、相対またはエイリアス (つまり @) に関する問題はありません。

ここで少し混乱！

Vue CLI 4.5.x で作業しているときに、次のコードを試しました。

しかし、残念ながら、次の警告が表示されました。

"export 'default' (imported as 'Vue') was not found in 'vue'

このことから私が結論できることは、Vue CLI 4.5.x は、最初に Vue インスタンスを作成するアプリケーションを作成するこの方法を停止したということです。

メインアプリケーションを初期化するには、公式の方法は次のとおりです。

私の結論が正しいかどうかはわかりません。これまでのところ、vue の公式ドキュメントでその証拠を見つけていないので、誰かが私の結論を具体化してくれれば、それは大きな助けになるでしょう。

さらに、後のコードは Vue CLI 4.5.* アプリケーション インスタンスでベイクされますが、CDN を使用する場合は前のコードが当てはまります。