問題タブ [webpack-dev-server]

質問する

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.

3057 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
1 に答える
2717 参照

npm - webpack-dev-server: npm エラー Windows_NT 7601

コマンドを実行しようとしたときに、次のエラーが発生しました。

また、nodejs cmd、git を使用し、cmd の管理者権限も持っています。

エラーは次のようなものです。

問題を解決するために助けてください。

0 投票する
5 に答える
66079 参照

npm - webpack-dev-server がファイルの変更を監視しません

webpack-dev-server の実行中にファイルを変更すると、バンドルのファイルが更新されません。これが私の webpack.config.js と package.json ファイルです。私の npm スクリプトからわかるように、実行中webpack watchとwebpack-dev-server同じコマンドで解決しました ( npm run watch & webpack-dev-server --content-base ./ --port 9966):

webpack.config.js:

パッケージ.json:

私のディレクトリ構造は次のとおりです。

ディレクトリ内のすべてのファイルassetsはwebpackによって生成されます

0 投票する
1 に答える
676 参照

reactjs - React-Style が webpack-dev-server で機能しない。スタイルが抽出されていません。'不変違反の取得: _registerComponent(...): ターゲット

webpack-dev-server を実行してから localhost:8080 に移動すると、アプリがスタイリングとともに読み込まれます。ただし、CSS スタイルは、ヘッダー内ではなく、個々の div の「style」属性に表示されます。これが「react-style」のポイントだと思いました。

私の結果のHTML：

さらに、代わりにhttp://localhost:8080/webpack-dev-server/bundleにアクセスすると、次のエラーが発生します。

ここに私のindex.htmlがあります：

webpack.config.js:

mains.js:

HoverAction.js:

0 投票する
2 に答える
9896 参照

reactjs - React-Style、Webpack、React - キャッチされないエラー: 不変違反: `style` prop

ブラウザに次のエラーが表示されます。

キャッチされないエラー: 不変の違反: styleprop は、文字列ではなく、スタイル プロパティから値へのマッピングを想定しています。たとえば、JSX を使用する場合は、style={{marginRight: 間隔 + 'em'}} です。

これは、webpack-dev-server を実行して localhost:8080 に移動した場合です。

./modules/main.js:

./modules/HoverAction/HoverActions.js:

index.html:

webpack.config.js:

パッケージ.json:

0 投票する
2 に答える
1225 参照

node.js - webpack-dev-server NFS マウント ファイル ウォッチャー

監視プラグインを構成しました。VM でファイルを編集すると、うまく機能します。ただし、NFS 共有があり、ホスト上のファイルを編集しています。VM の filewatcher は、NFS 共有の変更を取得しません。

他の理由から、これを NFS 共有にする必要があります。これを機能させる方法はありますか？

ノードのドキュメントには、「統計ポーリングを使用する fs.watchFile を引き続き使用できますが、低速で信頼性が低くなります。」と記載されています。

0 投票する
2 に答える
4305 参照

development-environment - モバイルでの webpack-dev-server テスト

webpack/react-starterを使用しており、開発マシンと同じ LAN に接続されたモバイル デバイスを使用してテストしようとしています。そのため、localhost:3000 を入力する代わりに、IP 192.168.XX:3000 をモバイル ブラウザーに入力しました。

モバイルはローカルホストでスクリプトタグを評価できることを知らないため、これのベストプラクティスは何ですか? このハッキーなスクリプトを dev で提供される html に入れましたが、これは間違っているように感じます。

これによりバンドルが取得されますが、socket.io は webpack-dev-server に接続できず、[Error] Failed to load resource: Could not connect to the server. (socket.io, line 0)HMR を使用できません。この場合、普通の人はどうしますか？

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

html - HTML が webpack でビルドされたファイルをロードしない

webpack-dev-server での私のビルドは正常に動作しますが、NODE_ENV=production webpack --confightml ファイルでコンパイルすると空白のページが出力されます。

dev-server html では、この方法でファイルをロードします

本番環境の html ( に存在/build/):

構成は次の点で異なります。

  1. 運用環境は、react-hot style-loader css-loader less-loaderローダー、エントリ'webpack/hot/dev-server' 'webpack-dev-server/client?http://0.0.0.0:8000'、、devtoolを削除 しますHotModuleReplacementPlugin()#eval
  2. 本番環境の追加: style css lessローダーoptimize.OccurenceOrderPlugin()、、、devtooloptimize.UglifyJsPlugin({comments: /a^/, compress: {warnings: false}}sourcemap

手伝ってくれてありがとう！


12345678910