Apakah yang perlu saya lakukan jika IE tidak dapat mengecam tindak balas?

Penyelesaian kepada masalah yang IE tidak dapat mengenali reaksi: 1. Pasang "react-app-polyfill" dan perkenalkannya dalam "src/main.js"; 2. Konfigurasikan parameter dalam "babel.config.js"; ;3. Konfigurasikan "transpileDependencies" dalam "vue.config.js".

Persekitaran pengendalian tutorial ini: sistem Windows 7, bertindak balas versi 17.0.1, komputer Dell G3.

Apakah yang perlu saya lakukan jika IE tidak dapat mengecam tindak balas?

Penyelesaian untuk penyelesaian yang tidak serasi apabila projek tindak balas dibuka dalam IE11

Senario 1:

1 Pasang react-app-polyfill

npm i react-app-polyfill  --save

2 diletakkan pada baris pertama)

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

Senario 2:

Penyelesaian: Konfigurasikan parameter dalam 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: [...]
}

Senario 3:

Penyelesaian: Konfigurasikan transpileDependencies dalam vue.config.js

ps: Fahami dahulu parameter transpileDependencies

Memandangkan terdapat ralat sintaks dalam pemalam yang digunakan oleh react, letak sahaja nama pakej yang perlu diterjemahkan

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

Pembelajaran yang disyorkan: " tutorial video reaksi"

Atas ialah kandungan terperinci Apakah yang perlu saya lakukan jika IE tidak dapat mengecam tindak balas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!