Question

我正在学习React，但有一个问题：我已经在index.html中直接导入react.js，react-dom.js和babel.js来测试React（如“在网站上添加React”中所述doc网站的内容）

我的index.html：

...
    <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
    <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

    <script type="text/babel" src="src/index.js"></script>
    <title>React App</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
.....

我已经制作了一个index.js文件，该文件调用了ReactDOM.render(<App />, document.getElementById('root')); 但是该文件不知道App.js中定义的App是什么

在App.js中，我有这个：

'use strict';

export default class App extends React.Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <p>
            Edit <code>src/App.js</code> and save to reload.
          </p>
          <a
            className="App-link"
            href="https://reactjs.org"
            target="_blank"
            rel="noopener noreferrer"
          >
            Learn React
          </a>
        </header>
      </div>
    );
  }
}

如果在我的index.js中，我尝试像这样import App from './App.js';（也尝试过import App from 'App.js'，import App from 'App'）导入它，则出现此错误：

ReferenceError: require is not defined[En savoir plus] index.html line 24 > scriptElement:3:5
    <anonyme> file:///media/jon/Projets/Projets/facturationJS/public/index.html line 24 > scriptElement:3
    i https://unpkg.com/babel-standalone@6/babel.min.js:24
    r https://unpkg.com/babel-standalone@6/babel.min.js:24
    o https://unpkg.com/babel-standalone@6/babel.min.js:24
    onreadystatechange https://unpkg.com/babel-standalone@6/babel.min.js:24

有人可以帮助我了解如何从不同文件导入/导出类吗？

非常感谢！

小反应示例中的导入问题

0 个答案: