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

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 core-js@3.0.0-beta.6
    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”]

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值