ie8 怎么兼容？ #31

louisscrew · 2017-03-30T07:42:26Z

我已经在index页面上引入了es5-shim.js

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Omi</title>
    <script src="js/es5-shim.min.js"></script>
    <link rel="stylesheet" href="css/index-ef14a72eca.css">
</head>
<body>

    <script src="js/vendor.9da31384.js"></script>

    <script src="js/omi.27cdf71e.js"></script>

    <script src="js/index.25f7b79d.js"></script>

</body>
</html>

但是在运行的时候还是出现了错误。

错误如下：
网页错误详细信息

用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.2)
时间戳: Thu, 30 Mar 2017 07:39:28 UTC

消息: 对象不支持此操作
行: 1059
字符: 2
代码: 0
URI: file:///D:/screwspace/webfront/omi/test/dist/js/omi.27cdf71e.js

消息: 对象不支持此属性或方法
行: 1
字符: 1
代码: 0
URI: file:///D:/screwspace/webfront/omi/test/dist/js/omi.27cdf71e.js

消息: 缺少标识符、字符串或数字
行: 16
字符: 79
代码: 0
URI: file:///D:/screwspace/webfront/omi/test/dist/js/index.25f7b79d.js

应该还是兼容性的问题。

The text was updated successfully, but these errors were encountered:

dntzhang · 2017-03-30T08:24:33Z

最新的omi-cli v0.2.2引擎默认加上了下面的webpack config和devDependencies配置。

webpack config里加上

  //support ie8
                    plugins : [
                        "transform-es3-property-literals",
                        "transform-es3-member-expression-literals"
                    ]

devDependencies里加入了：

    "babel-plugin-transform-es3-member-expression-literals": "^6.22.0",
    "babel-plugin-transform-es3-property-literals": "^6.22.0",

保险起见引用 es5-sham

<!--[if lt IE 9]>
<script type="text/javascript" crossorigin="anonymous" src="//s.url.cn/qqun/xiaoqu/buluo/p/js/es5-sham-es5-sham.min.77c4325f.js"></script><![endif]-->

louisscrew · 2017-03-30T09:32:30Z

我已经添加了上面的配置和es5-sham。。。

结果如下
网页错误详细信息

消息: 对象不支持此属性或方法
行: 1
字符: 239
代码: 0
URI: http://localhost:3000/js/es5-sham.js

我在bootstrap上下载的es5-sham，你给我的地址cdn由于公司的限制我链接不上。会和这个有关吗？

dntzhang · 2017-03-30T10:13:34Z

重新build下项目

dntzhang · 2017-03-30T10:14:36Z

你把我发的cdn另存为

louisscrew · 2017-03-30T10:20:38Z

我肯定是重新运行的npm run dist呀

公司的网络禁止这个cdn了。。还没有别的cdn吗？或者给我发个邮件？wen-q@neusoft.com

dntzhang · 2017-03-30T10:23:47Z

Npm Run dev试试，看下什么错

louisscrew · 2017-03-31T00:28:09Z

用Npm Run dev也一样，在IE8下面也看不出来什么错呀。
就是如下错误

消息: 对象不支持此属性或方法
行: 1
字符: 239
代码: 0
URI: http://localhost:3000/js/es5-sham.js

dntzhang · 2017-03-31T00:33:12Z

怎么会看不出来什么错啊 = =！你全部都不要用压缩版的js就能看出来什么错了~~ 你这个看上去是你的es5-sham.js不兼容ie8. 而不是omi的问题

louisscrew · 2017-03-31T00:38:49Z

我的天。。IE8呀。老兄。我还真不知道用什么能查看到错误。

首先第一个错误点就是es5-sham.js报出来的，提示对象不支持此属性或方法，下一个错误就是
vendor.js报出来的。定位的是
Object.defineProperty方法不支持。

所以错误很明显，es5-sham根本没有起作用。

dntzhang · 2017-03-31T00:44:28Z

是的，所以说这个看上去是你的es5-sham.js不兼容ie8. 压根就没起作用

dntzhang · 2017-03-31T00:45:13Z

http://s.url.cn/qqun/xiaoqu/buluo/p/js/es5-sham-es5-sham.min.77c4325f.js

louisscrew · 2017-03-31T00:54:49Z

好使了。
我在es5-shim 的github上下载到未压缩的源码。

之后放到了js目录。

并且在webpack上把两个源码压缩到了vendor.js里面。运行就成功了。不止需要sham还需要shim

我的配置如下：
config.entry.vendor = [
'./src/js/es5-shim.js'
,'./src/js/es5-sham.js'
,'omi'
,'./src/common/class_list.js'
];
config.output.filename = '[name].js';
config.plugins[1] = new commonChunkPlugin({
name:"vendor",
filename:"vendor.js"
})

这样在IE8下就正常的运行。谢谢。

MagicLeeW · 2022-03-02T03:32:24Z

@louisscrew 谢谢兄弟，你的回答解决了我的大问题

Muna-Lombe · 2022-03-02T03:33:11Z

Received with thanks.

louisscrew closed this as completed Mar 30, 2017

louisscrew reopened this Mar 30, 2017

dntzhang added the question label Mar 31, 2017

louisscrew closed this as completed Mar 31, 2017

dntzhang removed the question label Mar 31, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ie8 怎么兼容？ #31

ie8 怎么兼容？ #31

louisscrew commented Mar 30, 2017

dntzhang commented Mar 30, 2017 •

edited

louisscrew commented Mar 30, 2017 •

edited

dntzhang commented Mar 30, 2017

dntzhang commented Mar 30, 2017

louisscrew commented Mar 30, 2017

dntzhang commented Mar 30, 2017

louisscrew commented Mar 31, 2017

dntzhang commented Mar 31, 2017 •

edited

louisscrew commented Mar 31, 2017

dntzhang commented Mar 31, 2017

dntzhang commented Mar 31, 2017

louisscrew commented Mar 31, 2017 •

edited

MagicLeeW commented Mar 2, 2022

Muna-Lombe commented Mar 2, 2022 via email

ie8 怎么兼容？ #31

ie8 怎么兼容？ #31

Comments

louisscrew commented Mar 30, 2017

dntzhang commented Mar 30, 2017 • edited

louisscrew commented Mar 30, 2017 • edited

dntzhang commented Mar 30, 2017

dntzhang commented Mar 30, 2017

louisscrew commented Mar 30, 2017

dntzhang commented Mar 30, 2017

louisscrew commented Mar 31, 2017

dntzhang commented Mar 31, 2017 • edited

louisscrew commented Mar 31, 2017

dntzhang commented Mar 31, 2017

dntzhang commented Mar 31, 2017

louisscrew commented Mar 31, 2017 • edited

MagicLeeW commented Mar 2, 2022

Muna-Lombe commented Mar 2, 2022 via email

dntzhang commented Mar 30, 2017 •

edited

louisscrew commented Mar 30, 2017 •

edited

dntzhang commented Mar 31, 2017 •

edited

louisscrew commented Mar 31, 2017 •

edited