IEが反応を認識できない場合はどうすればよいですか?

IEがreactを認識できない問題の解決策: 1. 「react-app-polyfill」をインストールし、「src/main.js」に導入します; 2. 「babel.config.js」でパラメータを設定します;3. 「vue.config.js」で「transpileDependency」を設定します。

このチュートリアルの動作環境: Windows7 システム、react17.0.1 バージョン、Dell G3 コンピューター。

#IE が React を認識できない場合はどうすればよいですか?

#React プロジェクトを IE11 で開いた場合の互換性のないソリューションの解決策

シナリオ 1:

1. 反応アプリポリフィルをインストールします

npm i react-app-polyfill  --save

2. src/main.js に導入します (配置する必要があります)最初の行)

import 'react-app-polyfill/ie11'  
import 'react-app-polyfill/stable'

シナリオ 2:

解決策: babel.config.js でパラメータを構成します

module.exports = {
  // https://www.babeljs.cn/docs/babel-preset-env
  presets: [
    // bable预设, 兼容于ie11的语法配置
    [
      '@babel/preset-env',
      // 支持的最低环境版本
      {
        targets: {
          ie: '11',
          chrome: '58',
        },
        // 只包含你所需要的 polyfill,  即按需加载
        useBuiltIns: 'usage',
        corejs: 3,
      },
    ],
    // 转换vue语法
    '@vue/cli-plugin-babel/preset',
    // 转换react语法
    '@babel/preset-react',
  ],
  plugins: [...]
}

シナリオ 3:

解決策: vue.config.js で transpileDependency を構成する

#ps: まず、transpileDependency のパラメーターを理解します

なぜなら、react はプラグインに構文エラーがあるため、翻訳する必要があるパッケージ名を入力するだけです。

// vue.config.js
 
module.exports = {
  ...
  transpileDependencies: [
    'moment',
    'crypto-js',
    '@ecc',
    //  就是这两个
    'react-sortablejs',
    'react-contenteditable',
  ],
};

推奨学習: 「

react ビデオ チュートリアル

」

以上がIEが反応を認識できない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。