問題タブ [webpack-3]

私のwebpack構成には次の定義があります。

これが呼び出されると、「オプション」の値が指定されます。

webpack-dev-server と production へのビルドはすべてエラーなしで完了し、アプリを表示できます。

body-snippet が追加されていないことを除いて、すべてのパラメータは正常に機能します。

私は何を間違っていますか？

I'm trying to import my html template so that webpack will recognize them and include them when I build. (webpack -d)

According to this GitHub issue I should do this

Then import template from './myTemplate.html'; should work.

But it doesn't quite do the trick.

However this "works"

Very strange.

But now this doesn't work

However if I change my *.html module to

I can now do

It works, but why doesn't import template from './myTemplate.html'; work? What am I doing wrong as the others in the GitHub issue seemed to get it to work like that.

プロジェクトに React を使用しており、webpack2 から webpack3 に移行していました。バベルとすべての依存関係を更新した後、実行npm run buildした結果、エラーが発生しました：Module build failed: SyntaxError: Missing class properties transform.

エラーの例:

もう一つの例：

誰かが問題がどこにあるか知っていますか? エラーについてグーグルで検索しようとしましたが、これまでのところ解決策が見つかりませんでした...

.babelrc

webpack.config

ビルド コマンド:

webpack の dev server watchを一時的に無効にする方法はありますか?

チェックアウトやリベースなど、Git の変更操作を実行した後は、ほぼ毎回サーバーを再起動する必要があります。これは、webpack の再コンパイルが通常、ランダムなエラーで失敗するためです。これらの変更が実行中の開発サーバーにとって大きすぎる可能性があることは理解していますが、根本的な原因は、再コンパイルの実行が開始された後も Git がいくつかのファイルを変更していることにあると思います。したがって、Git が終了するまで watch を無効にしたいと思います。

監視オプション 'poll' と 'aggregateTime' を 3 秒に増やしてみましたが、結果は同じでした。

webpack@3.6.0、webpack-dev-server@2.7.1

@angular/cli@1.4.5 からwebpack.config.jsを取り出しました:

I want to alias the the relative font and image imports in my css and scss modules with absolute paths. The goal is store all of my font and image files in two central folders, without going through every css file and changing the relative imports, which would be difficult especially with minified third party stylesheets like bootstrap. I'm not making much progress and setting the aliases is causing many of my relative imports to not resolve when running webpack.

Is it possible to achieve this folder structure using the alias option?

css-loader in the webpack config object

The project is a large muti-page jQuery app with one webpack entry point per page

私が取り組んできたダッシュボードコンポーネントについて、最近いくつかの問題が発生しています。クライアント側の URL ルートを処理するために react-router を使用していますが、最近、ルートごとに非同期でコンポーネントをロードし始めました。

ルート コンポーネントから http 要求を行うたびに、コンソールに警告メッセージが表示され続けます。警告は、setState がマウントされていないコンポーネントの状態を取得できないことを示しています。これまでのところ、マウント ループが setState によるコンポーネントの状態の設定に失敗している可能性があると推測できました。それ以外は、この問題のトップが発生する原因がわかりません。

他の誰かが以前にこの問題を抱えていましたか? この問題に関するアドバイスをいただければ幸いです。

コンソールのスクリーンショット:

asyncLoader.js :

route-container.js :

ルート「/transactions/history」のコンポーネント例

トランザクション.js :