開発プロジェクトを使用する場合vue-cli
、コードが例外をスローすると、次のような全画面プロンプト ボックスが表示されます。
一定期間の調査の後、これが問題であることがわかりましたwebpack
。調査方法は、コンソールを開いてこのボックスのいくつかのプロパティを確認することです。通常、このテクノロジに関するキーワードは次のとおりです。
作成されていることがはっきりとわかるのでwebpack-dev-server
、対応する構成に直接移動するだけです。プロセスは次のようになります。構成アイテムのリンクはここにあります: https://webpack.docschina.org/configuration/dev-server / #かぶせる
したがって、vue.config.js
次の構成をプロジェクトに追加するだけで済みます。
module.exports = defineConfig({
// 省略其他配置...
devServer: {
client: {
overlay: false,
},
}
})