Reactjs React import leads to解析模块说明符“失败”；“反应”；_Reactjs

Reactjs React import leads to解析模块说明符“失败”；“反应”；

reactjs

Reactjs React import leads to解析模块说明符“失败”；“反应”；,reactjs,Reactjs,说我蠢（我不会认为这是我个人的事），但我已经三年多没用REACT了，我的脑细胞肯定已经死了我得到一个错误： localhost/:1 Uncaught TypeError: Failed to resolve module specifier "react". Relative references must start with either "/", "./", or "../". 我确信这与我如何在Chrome中使用导入有关 index.html <head> &l

说我蠢（我不会认为这是我个人的事），但我已经三年多没用REACT了，我的脑细胞肯定已经死了

我得到一个错误：

localhost/:1 Uncaught TypeError: Failed to resolve module specifier "react". Relative references must start with either "/", "./", or "../".

我确信这与我如何在Chrome中使用导入有关

index.html

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <script src="../node_modules/react/umd/react.development.js"></script>
    <script src="../node_modules/react-dom/umd/react-dom.development.js"></script>
    <title>React App</title>
</head>

<body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script type="module" src="Main.js"></script>
</body>

</html>

App.jsx（与Main.jsx位于同一文件夹中（巴贝尔在与Main.js相同的文件夹中创建App.js）

import React，{Component}来自“React”
类应用程序扩展组件{
render（）{
返回(
你好，世界
);
}
}
导出默认应用程序；

由于您没有使用像Webpack这样的模块绑定器，您可以放弃react导入语句（它应该已经被上面基于标记的导入全局公开），将

应用程序的导入转换为绝对路径（'/'
）或相对路径（'./'
，'../'
）并包括文件扩展名。若要支持与ES6模块不兼容的旧浏览器，请使用脚本标记将其导入，或将整个代码移动到单个文件中。
如示例中所示，使用标记加载React脚本时，React和ReactDOM对象已可用
为了使用React组件和函数，您只需直接使用它们，而无需任何导入调用。您只需在使用前使用“React.”即可
诸如此类。
可能与此相关：@codecubed.io看起来是这样，但是cjs导入也不起作用，所以我应该怎么做？你有什么理由：react.development.js
而不是react.js？就像我说的，我已经三年没有使用react了。我看到的第一个例子是使用开发，我是sumed会给我更好的调试。我取出type=“module”，现在它们加载了，错误现在不同了。
import React from 'react'
import ReactDOM from 'react-dom'
import App from 'App'


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

import React from 'react';
import ReactDOM from 'react-dom';
import App from 'App';
ReactDOM.render(React.createElement(App, null), document.getElementById("root"));

import React, { Component } from 'react'

class App extends Component {
    render() {
        return (
            <div className="App">
                <h1>Hello World</h1>
            </div>
        );
    }
}

export default App;

React.Component
React.useState