もっと詳しく

Webpackは、JavaScriptファイル用のオープンソースモジュールバンドラーです。 ビルドを実行しようとすると、フィールドブラウザに有効なエイリアス設定エラーが含まれていない可能性があります。 同じ問題が発生した場合でも、心配する必要はありません。 モジュールが見つからない場合に修正する完璧なガイドをお届けします。 フィールドブラウザに有効なエイリアス設定エラーが含まれていません。 また、Webpack2を使用して構成ファイルを再作成しようとすると、上記の問題が発生する可能性もあります。 だから、読み続けてください!

フィールドブラウザに有効なエイリアス設定が含まれていない問題を修正

フィールドブラウザに有効なエイリアス設定が含まれていない問題を修正する方法

今日では、さまざまなライブラリのおかげでWeb開発がより簡単になっています。 Webアプリを構築するためにHTML、CSS、JavaScriptを学ぶ必要がある前に。 しかし現在、React JS、Node JSなど、開発プロセスを容易にするために利用できるさまざまなライブラリがあります。 Webpack JavaScriptファイルをバンドルするための人気のあるツールでもあります。 ただし、このツールを使用しているときに、このツールを初めて使用する場合は、いくつかのバグに直面する可能性があります。 この記事では、上記のモジュールが見つからないというエラーを修正する手順をリストしました。 上記のエラーにより、Webアプリケーションが正しく動作しなくなる可能性があります。 次の手順に従って、問題を解決してください。

ステップ1:インポートパスを変更する

まず、インポートパスを変更する必要があります。 追加しない場合 ./ パスの前に、ビルドの実行中に上記のエラーが表示される場合があります。 インポートパスを変更する手順は次のとおりです。

1.下にスクロールして 次の行を見つけます コード内;

import DoISuportIt from 'components/DoISuportIt';

2.ここで、上記のコードを指定されたものに変更します コード;

import DoISuportIt from './components/DoISuportIt';

main.jsファイル。 フィールドブラウザに有効なエイリアス設定が含まれていない問題を修正

3.最後に、 NPMを再起動します ビルドを再試行してください。

また読む: ブラウザでJavaScriptを有効または無効にする方法

ステップ2:正しいエントリ値を確認する

また、エントリ値を確認する必要があります。 次の手順に従って構成ファイルを変更し、フィールドブラウザに有効なエイリアス構成エラーが含まれていないことを修正します。

1.を開きます 構成ファイル

設定ファイルコード

2.ここで、 エントリ値

3.追加 。/ キャラクター 欠落している場合は、

4.また、 値を解決する が追加されます。

ステップ3:エイリアスを変更する

以前に名前が使用されているエイリアスを使用している場合は、上記のエラーが発生する可能性があります。 同じ変数を使用すると、Webpack構成のJavaScriptファイルにバグが生じる可能性があります。 したがって、この問題を解決するには、エイリアス名がまだ使用されていないことを確認する必要があります。

また読む: javascript:void(0)エラーを修正する方法

ステップ4:構文エラーを確認する

webpack.config.jsファイルに入力ミスがある場合は、そのエラーも発生します。 したがって、構文エラーがないか、構成ファイル全体をスキャンする必要があります。 さらに重要なことに、モジュールが見つかりません。 ファイルの最後でexportコマンドを使用しないと、フィールドブラウザに有効なエイリアス設定エラーが含まれない場合があります。 したがって、エラーを防ぐために、次のエクスポートコマンドを追加します。

export default Config;

デフォルト設定をエクスポートします。 フィールドブラウザに有効なエイリアス設定が含まれていない問題を修正

ステップ5:構文ケースを変更する

このエラーのもう1つの考えられる原因は、構文で使用されている特定のケースです。 次の手順に従って、ケースの変更を修正してください。

1.を開きます 設定ファイル 与えられた行を見つけます。

./path/pathCoordinate/pathCoordinateForm.component

2.上記の行を次のように変更します コード;

./path/pathcoordinate/pathCoordinateForm.component

おすすめされた:

修正方法を学んだことを願っています フィールドブラウザに有効なエイリアス設定が含まれていません Webpack用。 以下のコメントセクションから、ご質問やご提案をお気軽にお問い合わせください。 次に何を学びたいか教えてください。

The post フィールドブラウザに有効なエイリアス設定が含まれていない問題を修正 appeared first on Gamingsym Japan.