导入与要求之间的区别为什么这不起作用？

Question

import Navbar from "./components/Navbar"
import Main from "./components/Main"

export default function App() {

return (
<div className="container">
<Navbar />
<Main />
</div>
)
}

所以基本上我还没有完全理解导入和导出之间的区别，它们看起来几乎是一样的?但如果是这样的话，为什么我用var Main = require("./components/Main")替换"./components/Main"的import Main，这就不工作了呢?

Answer 1

实际上，react中的脚本文件(.js文件)的类型是'module'，所以它使用最新的导入/导出命令，即从"/components/Main"导入Main。然而，早些时候情况并非如此& &;即使是现在，当我们编写后端代码时，我们也不会将脚本文件的类型定义为'module'，因此它不支持从"/components/Main"并且将支持var Main = require("/components/Main")如果需要进一步说明，请告诉我。