ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。