在html页面中引入含import的React js无法渲染

Question

在html页面中引入含import的React js无法渲染

发布于
2019-07-11

为什么在html中不能引入含import的js文件
index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>todos</title>

</head>
<body>
<div id="root"></div>

<!--使用script引入，渲染成功-->
<!--<script src="modules/react.js"></script>-->
<!--<script src="modules/react-dom.js"></script>-->
<script src="modules/babel.js"></script>
<script type="text/babel" src="index.js"></script>
</body>

</html>

index.js

import React from './modules/react'//使用import引入，无法渲染
import ReactDOM from './modules/react-dom'

class App extends React.Component {
    render() {
        return (
            <h1>Hello World!</h1>
        )
    }
}

ReactDOM.render(
    <App/>,
    document.getElementById("root")
);

javascript html react

阅读 3.9k

1 个回答

因为浏览器不支持模块标准

撰写回答