我开始使用JSX学习react.js . 要使用它我连接一个babel库(无论什么是版本)并在JS文件中编写JSX代码:
<script src="js/app.js" type="text/babel"></script>
type =“text / babel” - 必然 .
但Chrome中有一条警告:“不推荐使用无效类型/语言属性提取脚本,并将于2017年1月左右在M56中删除 . 有关详细信息,请参阅https://www.chromestatus.com/features/5760718284521472 . ”
但是当我在DOM中编写JSX代码时,一切都很好 . 实际上,问题消失了,没有“src = ...”我想在JS文件中编写代码 . 我该怎么办才能避免弃用?谢谢 .
4 回答
如果您无法在服务器上进行转换,那么只需将代码放在同一页面上即可 .
而不是
<script type="text/babel" src="./app.js"></script>
尝试
<script type="text/babel"> //code from ./app.js goes here </script>
不同的是,如果你这样做
你不是从任何地方获取脚本 . 但在你的第一个例子中,你是 .
如果你从服务器获取代码,你应该在服务器端进行转换,然后获取转换后的结果,而不是获取它然后在客户端上进行转换 .
我是新来的,但试着用
代替
这对于babel-standalone来说不是问题,我认为这是你在浏览器中用作“babel库”的东西 . 关于这个问题的一个babel-standalone开发者的评论:
https://github.com/babel/babel-standalone/issues/72
如果您不使用babel-standalone,那么可以尝试一下 . 它允许您拥有ES6,React等而无需构建步骤,因此这是一个很好的入门和expermient方法 . 但它并不适合 生产环境 应用程序 .