script标签修改了type为text/babel,但刷新网页还是显示text/javascript

刚开始接触react,想在网站上使用,但在html页面中引入reactjs文件时总是不起作用,并报错:Uncaught SyntaxError: Unexpected token '<'

上网查了好多,说是需要在引入的script标签中设置type为"text/babel",按照网上说的更改了,但依然报同样的错误,引入的关键代码如下:

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script>
<script type="text/babel" src="/source/plugin/fr_ticket/template/t2babel.js"></script>

但网页显示:
image.png

reactjs代码如下:

ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
);

不知道哪里出了问题,希望各位前辈大佬能帮忙看一下,蟹蟹啦!

阅读 7.3k
2 个回答
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script>
<script src="./source/plugin/fr_ticket/template/t2babel.js"></script>
<script type="text/babel">
ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
);
</script>
新手上路,请多包涵

问题解决了,来回复一下。
这个问题出现的原因是标签加载速度问题,<script>标签中javascript加载快于babel,所以导致页面在加载后没有执行babel中的内容

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题