react项目在ie9下空白页(下)

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zm_miner/article/details/86476679

react项目 ie9下 'Set"未定义引起的页面空白问题
我在尝试上种方法不行以后, 我又试了各种方法, 然后就在ie9下显示了 , but , 后来我来帮我们项目组的人跑起来项目的时候使用前一篇的方法就可以实现, 在我打算写这篇文章的时候, 我重新复制项目, 想使用这种方式, 一步一步走, 截图报错的, but 又是前面一篇项目在ie9跑起来了…我也很无语…我凭印象了

首先

对象不支持 xxx 属性或方法

这种情况一般是使用了 es6、es7 的高级语法，Object.assign Object.values 等，

解决方法: 全局引入 babel-polyfill

你需要在你的应用入口顶部通过 require 将 polyfill 引入进来。
确保它在任何其他代码/依赖声明之前被调用！
require(“babel-polyfill”);
如果你在你的应用入口使用 ES6 的 import 语法，你需要在入口顶部通过 import 将 polyfill 引入，以确保它能够最先加载：

babel 提供了这个 polyfill，有了它，你就可以尽情使用高级方法，包括 Object.values [].includes Set generator Promise 等等。其底层依赖的是 core-js 。
import “babel-polyfill”;

• 第二步在
  在 webpack.config.js 中，将 babel-polyfill 加到你的 entry 数组中：

module.exports = {
entry: [“babel-polyfill”, “./app/js”]
};

• Minified React error #31
  
  他可能会报这个错误, 然后我在引入core-js
  npm i [email protected]
  import ‘core-js’;
• 无法获取属性 xxx 的值，对象为 null 或未定义
  -这个错误可以通过去安装 babel-preset-es2015-loose, 这个插件来开启 loose 模式

npm install --save-dev babel-preset-es2015-loose babel-preset-es2015

.babelrc文件中

presets: [ [“es2015”, {“loose”: true}] ]

然后在编译过程中会报错
react中‘Missing class properties transform’

npm i babel-plugin-transform-class-properties --save-dev
2.
.babe.rc中添加插件
“plugins”:[“transform-class-properties”]

然后我项目就跑起来了, 可以借鉴试一下