Question

我安装了react 16.8.6并运行project，chrome显示了它，但是Firefox和IE没有显示！，在react 16.8.5中我没有这个问题

consol中的Firefox错误：SyntaxError：常量声明中缺少=

IE错误SCRIPT1002：语法错误

Answer 1

我尝试使用IE和其他浏览器进行测试。我发现React 18.8.6在Chrome和FireFox上可以正常工作，但在IE 11中却产生语法错误。

示例代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Add React in One Minute</title>
  </head>
  <body>

    <h2>Add React in One Minute</h2>
    <p>This page demonstrates using React with no build tooling.</p>
    <p>React is loaded as a script tag.</p>

    <!-- We will put our React component inside this div. -->
    <div id="like_button_container"></div>

    <!-- Load React. -->
    <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
   
<script src="https://unpkg.com/react@16.8.6/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@16.8.6/umd/react-dom.development.js" crossorigin></script>
    <!-- Load our React component. -->
    <script src="like_button.js"></script>

  </body>
</html>

Internet Explorer 11中的输出。

这似乎是库中的一项重大更改，现在默认情况下它没有添加polyfill。

您可以尝试在index.js文件中为IE添加polyfill，如下所示。

import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

参考：

SCRIPT1002: Syntax error - IE11 - Polyfill - Development Mode

如何解决在安装React 16.8.6，Firefox和IE中不显示项目但chrome显示它的问题

1 个答案: