Can't Import React

Question

Can't Import React

When I try to import react it throws me an error saying that react is invaldid an "unexpected identifier"

#############################################################################
//index.html

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <div id="root"></div>
        <script src="index.js"></script>
    </body>
</html>

#############################################################################
//index.js

import React from "react"
import ReactDOM from "react-dom"

    ReactDOM.render(<h1>Hello World</h1>, document.getElementById("root"));

#############################################################################


ERROR: Uncaught SyntaxError: Unexpected identifier

Answer 1

Browser won't understand import statements, you have to transpile code using babel and bundle using webpack . Also please try to use react starter kits eg create-react-app which are configured using babel and webpack

Can't Import React

Question

Can't Import React

1 answers

solution1
1 2019-02-12 07:04:38

Can't Import React

Question

Can't Import React

1 answers

solution1 1 2019-02-12 07:04:38

solution1
1 2019-02-12 07:04:38