Razzle: React 应用程序未在 IE11 及更低版本中呈现

创建于 2018-02-22  ·  8评论  ·  资料来源: jaredpalmer/razzle

该问题已在 react #8379下报告并关闭,并在 create-react-app #2691 中修复

_我刚刚复制了一些报告问题的内容,希望对您有所帮助_

您要请求功能还是报告错误?

漏洞

目前的行为是什么?

而是显示一个空白的白屏,并且在控制台中抛出一个语法错误。
我在 <= IE 11 中测试了一个干净的 create-react-app 应用程序和 create-razzle-app 应用程序。cra 应用程序确实按预期工作,但 cr(zzl)a 应用程序没有。

什么是预期行为?

像在 Chrome、Firefox 等中一样呈现。

环境

节点-v:9.5.0
npm -v: 5.6.0
纱线-v:1.3.2

然后,指定:
操作系统:macOS High Sierra 10.13.3
浏览器和版本(如果相关):Internet Explorer <= 11(通过 VirtualBox)

重现步骤

yarn 添加全局 create-razzle-app
create-razzle-app 我的应用程序
cd 我的应用程序
纱线开始
打开 Internet Explorer 11 并导航到应用程序 URL
观察空白屏幕并检查控制台并查看已抛出语法错误

我也尝试了上面反应问题中的建议,但无法解决。

最有用的评论

嘿,我有一个 razzle 版本 0.8.14 的项目,这个问题仍然存在。 我们可以期待降级的strip-ansi版本的更新吗?

所有8条评论

来自babel-preset-razzle README.md

此预设使用带有 transform-object-rest-spread 的 useBuiltIns 选项,它假定 Object.assign 可用或 polyfill。

因为 IE11(和更早版本)没有本机支持,所以这可能是问题所在。 你试过 polyfill Object.assign吗?

@jirikuchta我试图将transform-object-assign插件添加到.babelrc但仍然无法正常工作。

嘿嘿,我也刚遇到这个问题。

启动一个新的 razzle 应用程序并在 IE11 中启动它,它取回服务器渲染的东西,但随后客户端 javascript(即元素样式)中断。

IE11 控制台中出现的错误是:

image

错误的来源是razzle-dev-utils的箭头函数:

image

添加一些 babel 配置来为 IE11 转译 JS 将(默认情况下)仅适用于node_modules文件夹之外的代码,所以似乎答案是razzle-dev-utils应该被转译为在较旧的版本上运行浏览器(就我们自己而言,我们有兴趣针对 IE11)。 Create React App repo 中有一个相关的讨论here

这听起来对吗,还是我在这里有错误的想法?

啊,忽略我的最后一条评论,这似乎已修复: https :

那么这个issue大概可以关闭了?

对于master以外的分支,它看起来仍然是一个问题。 当您调用create-razzle-app my-app时,它仍然包含react-dev-tools: 4.1.0而不是降级版本。 不确定这对其他人是否仍然是一个问题,但对我们来说不是。

嘿,我有一个 razzle 版本 0.8.14 的项目,这个问题仍然存在。 我们可以期待降级的strip-ansi版本的更新吗?

我有一个 razzle verison 3.0.0 项目,这对我来说仍然是一个问题。

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

dizzyn picture dizzyn  ·  3评论

gabimor picture gabimor  ·  3评论

jcblw picture jcblw  ·  4评论

kkarkos picture kkarkos  ·  3评论

pseudo-su picture pseudo-su  ·  3评论