emp*_*r_c 5 reactjs babeljs react-dom
为什么 type="text/babel" 的外部脚本在 ReactJS 中不起作用？我将index.html和foo.js放在同一个文件夹中。使用 Google Chrome 打开 index.html 文件后没有任何显示
索引.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>ReactJS</title>
<script src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel" src="foo.js"></script>
</head>
<body>
<div id="root"></div>
</body>
</html>
foo.js
ReactDOM.render(
<h1>Hello World</h1>,
document.getElementById('root')
);
只需将文件包含babel在main. 它将按预期工作。
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel" src="./main.js"></script>
| 归档时间： |
|
| 查看次数： |
2848 次 |
| 最近记录： |