如何使用Internet Explorer 11访问本地网站

Question

我正试图在windows环境中使用IE访问在本地网络上运行的基本react应用程序。该网站似乎在chrome上工作，但在IE中没有。当我在IE中导航到url时，我只看到一个空白屏幕。

我已经尝试将IE配置为在本地intranet区域中包含网络url，但它并没有改变结果。

为了澄清，我正在使用create-rect应用程序运行一个react应用程序，我还没有做任何更改。然而，当我检查网站时，我发现这些错误出现在IE中：

SCRIPT1028: Expected identifier, string or number
bundle.js (1017,11)
SCRIPT1002: Syntax error
vendors-main.chunk.js (10,1)
SCRIPT1010: Expected identifier
main.chunk.js (57,52)

Answer 1

您需要添加polyfill来支持IE 11中的React。CRA构建的默认应用程序与IE 11不兼容，我们需要按照以下步骤使其在IE 11中得到支持：

1. 在public\index.html.中添加<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js"></script>

2. 在包.json中添加ie 11browserslist:

   "browserslist": {
   "production": [
   ">0.2%",
   "not dead",
   "not op_mini all",
   "ie 11"
   ],
   "development": [
   "last 1 chrome version",
   "last 1 firefox version",
   "last 1 safari version",
   "ie 11"
   ]
   }
   

3. 删除node_modules.cache.

4. 重新启动应用程序，然后它可以在IE 11中正常工作。

此外，您还可以参考此公认答案中的解决方案来支持IE 11中的React。