問題タブ [hot-module-replacement]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

173 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
1084 参照

webpack - Hot Module Replacement (HMR) を使用した Vue.js 遅延読み込みルート

次のようなWebpack 動的ステートメントを使用して、Vue.js ルートを遅延ロードしようとしています。vue-routerimport

これにより、Webpack は JavaScript バンドルをルートごとに正しく分割し、最終的にmain.js一連の0.js,1.jsファイルになります。また、これらは Chrome 開発ツールで要求されることにも注意しました。

ただし、これを Hot Module Replacement (HMR) で機能させることはできないようです。サーバー側に ASP.NET Core を使用しています。ページが読み込まれると、空のページが表示されます。HMR で Vuex を使用する場合、このドキュメントに従って、Vuex ストアをリロードできるようにする必要がありました。遅延ロードされたルートに対して行う必要がある同様のことはありますか? これが役立つ場合、私の webpack.config.js ファイルは次のとおりです。

0 投票する
0 に答える
1667 参照

javascript - Webpack、Express、および Babel (babel-loader) を使用したホット モジュール交換が React コンポーネントで機能しない (エラー: 承認されていないモジュールへの更新は無視されました)

私はReact webpackなどを初めて使用し、ホットモジュールの交換をワークフローに実装しようとしています。Reactでwebpack、express、Babel ES6を使用していますが、必要なローダーがすべて揃っていると思います。

CSS ファイルに対して HMR が機能しており、CSS を完全に更新しますが、何らかの理由で React コンポーネントを更新しようとすると、次のエラーが発生し、変更を確認するためにページを更新する必要があります。私は一日中苦労しているので、どんな助けも大いに受け取られるでしょう！私が得るエラーは次のとおりです（私のコードはその後に従います）：

index.js (エントリー)

index.js (セクション コンポーネント)

BuildScript.js 'use strict';

Webpack.config.js

インストールされた NPM パッケージ


12345678910