时间戳

首页 > 解决方案 > 无法导入反应

javascript - 无法导入反应

问题描述

无法导入反应

当我尝试导入反应时，它会抛出一个错误，说反应是无效的“意外标识符”

#############################################################################
//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

标签： javascriptreactjsfrontend

解决方案

浏览器无法理解import语句，您必须使用babel转译代码并使用webpack 打包。另外请尝试使用使用 babel 和 webpack 配置的 react 入门工具包，例如create-react-app

推荐阅读