Html-react-parser: es6コードが侵入/中断ie11

作成日 2021年01月21日  ·  9コメント  ·  ソース: remarkablemark/html-react-parser

予想される行動

es5コードがあるはずですdistビルドのみです。

実際の動作

本番用のwebpackを使用して最新バージョン1.2.1をビルドすると、distビルドにes6コードが追加されます。
「const」distビルド自体が見つからなかったため、その理由が100%わかりません。
私にとって、この新しい追加もコンパイルされます:
https://github.com/remarkablemark/html-react-parser/commit/4caa88cc3d6eaf9c28acaf6a344a8d7353a1c58b#diff -d6299b5bb2afc0956126a0adb12fd89829e01a4cc025e7277a092228b96f32e4R4

役立つ場合は、コンパイルすると次のようになります。
Screen Shot 2021-01-21 at 13 58 10

バージョン1.2.0にダウングレードすると、それで問題なく、IE11が機能します。 このes5コードを作成する機会はありますか?

環境

  • バージョン:1.2.1
  • プラットフォーム:mac os big sur、webpack 5
  • ブラウザ:IE11
bug

最も参考になるコメント

どういたしまして! 問題が発生した場合はお知らせください。

全てのコメント9件

この号を開いてくれてありがとう@lhtdesignde

これは、 webpackpackage.jsonからmainよりもpackage.json moduleを優先するために発生しています。

したがって、代わりに:

// webpack.config.js
module.exports = {
  //...
  resolve: {
    mainFields: ['browser', 'module', 'main'],
  },
};

あなたができるかどうか見てください:

// webpack.config.js
module.exports = {
  //...
  resolve: {
    mainFields: ['browser', 'main', 'module'],
  },
};

resolve.mainFieldsを参照してください

また、どのバージョンのwebpackを使用していますか?

webpack 5.16.0

とても良い! この回答をありがとう@remarkablemark。 それはそれを機能させました!

聞いてよかった! この問題は@lhtdesigndeで解決できますか?

はい、ありがとう!

@lhtdesigndeに注意してv1.2.4を公​​開しました。これは、ES6をES5構文にindex.mjsでリファクタリングします。

これにより、問題の根本原因が修正されます( webpack.config.js変更を元に戻すことができます)。

どうもありがとうございます! 構成の変更によりベンダーファイルのサイズが大幅に増加したため、私はそれを好みます。

どういたしまして! 問題が発生した場合はお知らせください。

このページは役に立ちましたか?
0 / 5 - 0 評価