type="text/babel" 的外部脚本不起作用
Posted
技术标签:
【中文标题】type="text/babel" 的外部脚本不起作用【英文标题】：External script for type="text/babel" not working 【发布时间】：2021-06-21 21:44:45 【问题描述】：为什么 type="text/babel" 的外部脚本在 ReactJS 中不起作用？ 我将 index.html 和 foo.js 放在同一个文件夹中。我用谷歌浏览器打开 index.html 文件后什么都没有显示
index.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')
);
【问题讨论】：
【参考方案1】：只需在main 之前包含babel 文件。它将按预期工作。
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel" src="./main.js"></script>
【讨论】：
以上是关于type="text/babel" 的外部脚本不起作用的主要内容，如果未能解决你的问题，请参考以下文章
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value=&quo
请教关于网页制作javascript的问题，可否使用document.write()再次输出"< script src="" type="text&quo
uniapp报错：vue.runtime.esm.js:619 [Vue warn]: Invalid prop: type check failed for prop "count&quo