reactjs中如何将.jsx文件导入.js文件答案

【问题标题】：How to import .jsx files to .js files in reactJSreactjs中如何将.jsx文件导入.js文件
【发布时间】：2022-01-24 11:21:46
【问题描述】：

我为此使用 node.js 并使用 react 作为前端，现在如何将 app.jsx 文件导入 index.js 文件？ index.js

import App from "./components/app";

ReactDOM.render(<App text="Hello world"/> , document.getElementById('root'))

app.jsx


function App(props){
    return <h1>{props.text}</h1>
}

export default App;

现在终于在 app.jsx 文件中，我尝试导入/请求 React 文件，但出现错误“未定义要求”

在控制台中导入 app.jsx 时，它说 require 没有定义我正在使用导入，这就是它所说的

【问题讨论】：

【解决方案1】：

您是否在 index.js 和 app.jsx 文件的顶部键入以下代码？

// app.jsx
import React from "react";

// index.js
import React from "react";
import ReactDom from "react-dom";

或者您可能在错误的行中输入了“require”代码。检查一下！

【讨论】：

每当我输入 import 时，都会出现一个错误，说 require 没有定义，但是这段代码对我有用 ReactDOM.render(<h1>Hello World</h1> , document.getElementById('root'))
我的问题是我无法导入任何东西

【解决方案2】：

在您的终端中使用npx create-react-app 创建新的启动反应应用程序，您将在那里看到工作代码。更多信息链接https://create-react-app.dev/docs/getting-started

【讨论】：

【解决方案3】：

如果 package.json 中有 "type":"module"，则删除它。

【讨论】：

没有“类型”模块
我猜这可能是节点的问题。其他项目文件是否出现错误？还是只是在这个项目中？
这是我第一个使用 node react 的项目
欢迎来到 React 世界！为了解决这个错误，你应该使用“Create React App”来启动你的第一个 Reacf。这是一个很好的样板。没有它，你需要设置很多东西来构建 React App。我认为它也会解决你的节点错误。如果我的回答有帮助，请选择我的回答谢谢：D
如果我创建一个 react 应用程序，我无法创建不同的路由，无法从 mongoose 获取数据