时间戳

首页 > 解决方案 > 将 React 连接到 index.html 以测试 npm 包

html - 将 React 连接到 index.html 以测试 npm 包

问题描述

我正在尝试将我的反应代码（javascript）连接到 index.html，但它不起作用。

import React from 'react';

function App() {

  return (
    <div>
        <h1>Hello</h1>
    </div>
  );
}

export default App;

ReactDom.render(<App />, document.getElementById("root"));

HTML

<DOCTYPE! html>
    <html>
        <head>
            <meta charset="utf-8">

            <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
            <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
            <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
           
        </head>
    
        <body>
            <div id="root"></div>
          
            <script type="text/babel" src="App.js" ></script>
          
        </body>

    </html>

无法弄清楚为什么 index.html 是空白的。我试图将两者联系起来的原因是从我下载的 npm 模块的源代码（git 克隆）中实现反应组件。我是编码新手，并认为这将有助于“调试”和学习该代码库。在这方面的任何建议也将非常有帮助。

标签： htmlreactjsjsx

解决方案

推荐阅读