该问题已在 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
观察空白屏幕并检查控制台并查看已抛出语法错误
我也尝试了上面反应问题中的建议,但无法解决。
来自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 控制台中出现的错误是:
错误的来源是razzle-dev-utils
的箭头函数:
添加一些 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 项目,这对我来说仍然是一个问题。
最有用的评论
嘿,我有一个 razzle 版本 0.8.14 的项目,这个问题仍然存在。 我们可以期待降级的
strip-ansi
版本的更新吗?