首页 文章

运行react js示例Web应用程序时出现控制台错误

提问于
浏览 次
2

我是React js的新手，正在尝试一个非常简单的hello反应有点网络应用程序 . 但是在运行时，最终在控制台中出现以下错误 .

Calling Element.createShadowRoot() for an element which already hosts a shadow root is deprecated. See https://www.chromestatus.com/features/4668884095336448 for more details.

浏览器：Chrome版本46.0.24

HTML代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <script src="https://cdnjs.cloudfare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
        <script src="https://cdnjs.cloudfare.com/ajax/libs/react/0.14.7/react.js"></script>
        <script src="https://cdnjs.cloudfare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
    </head>
    <body>
        <div id="app"></div>
        <script type="text/babel">
            ReactDOM.render(
                <h1>Hello React!</h1>
                document.getElementById('app')
            );
        </script>
    </body>
</html>

任何人都可以指出可能出错的地方 .

提前致谢 .

javascript google-chrome reactjs jsx

2 回答

  • 3

    你的链接坏了 . 使用这些更新的链接

    使用域名 cdnjs.cloudflare.com 而不是 cdnjs.cloudfare.com

    https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js
https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js
https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js
    回复于
  • 2

    首先，您用于库文件的 cdns 无法访问 .

    Unreachable CDNs

    在 React Docs 页面中，这些是 cdn 的工作链接：

    https://npmcdn.com/react@15.3.1/dist/react.min.js

    https://npmcdn.com/react-dom@15.3.1/dist/react-dom.min.js

    https://npmcdn.com/babel-core@5.8.38/browser.min.js

    其次，在 <h1>Hello React!</h1> 之后应该有逗号将 what should be rendered 分隔为 where .

    所以你的代码应该是这样的：

    <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <script src="https://npmcdn.com/babel-core@5.8.38/browser.min.js"></script>
        <script src="https://npmcdn.com/react@15.3.1/dist/react.min.js"></script>
        <script src="https://npmcdn.com/react-dom@15.3.1/dist/react-dom.min.js"></script>
    </head>
    <body>
        <div id="app"></div>
        <script type="text/babel">
            ReactDOM.render(
                <h1>Hello React!</h1>,
                document.getElementById('app')
            );
        </script>
    </body>
</html>
    回复于

相关问题