問題タブ [webpack-loader]

私はreact jsアプリに取り組んでおり、htmlファイルのコンテンツをローカルで読み取ろうとしています。特定の条件で、次のような変数内にファイルhtmlデータを渡しています::

しかし、それは私にエラーを与えます:

モジュールの解析に失敗しました: 予期しないトークン (1:0) このファイル タイプを処理するには、適切なローダーが必要な場合があります。現在、このファイルを処理するように構成されているローダーはありません。https://webpack.js.org/concepts#loadersを参照して ください

これを解決するために、「webpack.config.js」ファイルを作成し、webpack、html-loader をインストールしました。私はこのように見えます：

それでも同じエラーが発生します。私はwebpackが初めてなので、何かを助けたり提案したりしてください。

Webpack 5.2.0 を使用してローダーを作成するためのガイドに従おうとしています。ページの下部に、簡単な Jest テスト サンプルが表示されます。Jest テストは、最初のモジュール オブジェクトsourceプロパティがローダーが生成したソースであることを確認します。Webpack コンパイラのステップが のnameプロパティを持つモジュールを生成したことを確認できます./example.txt。しかし、sourceプロパティは常に'undefined'です。これはstats.hasErrors()false を返すにもかかわらずです。

Webpack ローダーの開発は初めてで、何が欠けているのかわかりません。モジュール構造の説明は、成功した場合、このプロパティにモジュール ソースが含まれている必要があることを示しています。

最近のバージョンの Webpack でこのシナリオを成功させた人はいますか?