Question

我正在创建一个简单的react应用，以练习创建没有create-react-app（webpack-babel ....）提供的依赖项的东西

我面临两个问题

这是代码：

HTML

 <html>
  <head><head>
  <body>
    <div id="App"> </div>
    <script type="module" src="script.js" ></script>
    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
  </body>
 </html>

JS

window.onload = () => {
    class App extends React.Component {
      render() {
        return(
          <div className="App">
            <p>any paragraph</p>
          </div>
        )
      }
    }

   ReactDom.render(App, document.getElementById('App'))
}

第一个问题是：

将type属性添加到script标签并将其值设置为"module"时，什么都没有发生，根本没有任何效果，好像js引擎无法访问脚本！

第二个问题：

删除type="module"后，它可以工作，但控制台错误为Uncaught SyntaxError: Unexpected token <

那为什么会发生这两个问题以及如何解决它们？

Answer 1

尝试最后加载script.js。也就是说，在加载react-dom之后。

在没有create-react-app的情况下实现反应的两个问题？

1 个答案: