你可以说我傻(我不会认为这是针对我个人的),但我已经 3 年多没有使用 REACT 了,我的脑细胞肯定已经死了。
我收到错误:
localhost/:1 未捕获类型错误:无法解析模块说明符“react”。相对引用必须以“/”、“./”或“../”开头。
我确信这与我在 Chrome 中使用导入的方式有关。
索引.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>
Main.jsx
import React from 'react'
import ReactDOM from 'react-dom'
import App from 'App'
ReactDOM.render(
<App />,
document.getElementById("root")
);
Main.js
(在 babel cli 之后,带有 React 预设)
import React from 'react';
import ReactDOM from 'react-dom';
import App from 'App';
ReactDOM.render(React.createElement(App, null), document.getElementById("root"));
App.jsx(位于与 Main.jsx 相同的文件夹中(并且 babel 在与 Main.js 相同的文件夹中创建 App.js)
import React, { Component } from 'react'
class App extends Component {
render() {
return (
<div className="App">
<h1>Hello World</h1>
</div>
);
}
}
export default App;