Question

Views

I m using node.js for this and using react as frontend, Now how do I import app.jsx file to index.js file? 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;

now at last in app.jsx file I tried to import/require the React file but I get an error "require is not defined"

also in console when importing app.jsx it says require is not defined i m using import and that's what it says

almost 3 years ago · Juan Pablo Isaza

if there is "type":"module" in package.json, remove it.

almost 3 years ago · Juan Pablo Isaza Report

Answer question

Accepted Answer · 2022-07-06T15:30:06.134Z

Did you type code below at the top in index.js and app.jsx file?

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

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

or maybe you type "require" code in the wrong line. Check it!

Accepted Answer · 2022-07-06T15:30:06.142Z

use npx create-react-app in your terminal to create new starter react app, you will see the working code over there. link for more info https://create-react-app.dev/docs/getting-started