Webpackで...エラーが発生してインポートできない場合

753 ワード
テキストリンク
これはJavaScriptとして使用される反応項目をタイプスクリプトに変換する際によく発生するエラーのようです.
  • 理由
    resolveでは、import時にファイル名の後に拡張子を省略できます.
    • 、extensionsオプションにtsとtsxが追加されていないため

  • 解決策
    webpack.config.jsで使用する拡張子を追加します.
    module.exports = {
  //...
  resolve: {
    extensions: ['.js', '.json', '.wasm'],
  },
};

  • 拡張子の前に必要です.貼り付けが必要
    ex) [js, jsx, ts, tsx] (x) [.js, .jsx, .ts, .tsx] (o)

  • 複数のファイルに同じ名前があるが、拡張子が異なる場合、webpackは残りのファイルを解析するのではなく、配列の前からファイルの解析を開始します.
    • 注-https://webpack.kr/configuration/resolve/#resolveextensions
    ASP.NETデータページングのつづり文字列
    [イコール]アリ戦士