Question

我开始使用JSX学习react.js。要使用它我连接一个babel库（无论什么是版本）并在JS文件中编写JSX代码：

<script src="js/app.js" type="text/babel"></script>

型=＆＃34;文本/巴别＆＃34; - 必然。

但Chrome中有警告：＆＃34;不推荐使用无效类型/语言属性获取脚本，并将于2017年1月左右在M56中删除。有关详细信息，请参阅https://www.chromestatus.com/features/5760718284521472。＆＃34;

但是当我在DOM中编写JSX代码时，一切都很好。实际上，如果没有＆＃34; src = ...＆＃34;问题就会消失。我想在JS文件中编写代码。我该怎么办才能避免弃用？谢谢。

Answer 1

如果您无法在服务器上进行转换，那么只需将代码放在同一页面上即可。

所以而不是

<script type="text/babel" src="./app.js"></script>

试

<script type="text/babel"> //code from ./app.js goes here </script>

Answer 2

不同之处在于，如果你只是做

catch

你不是从任何地方提取脚本。但在你的第一个例子中，你是。

如果你从服务器获取代码，你应该在服务器端进行转换，然后获取转换后的结果，而不是在客户端上获取它，然后然后进行转换。

Answer 3

我是新手，但尝试使用

<script data-src="javascript.js" type="text/javascipt" ></script>

而不是

<script src="javascript.js" type="text/javascipt" ></script>

Answer 4

这不是babel-standalone的问题，我认为你在浏览器中使用的是“babel库”。关于这个问题的一个babel-standalone开发者的评论：

这与babel-standalone无关，因为我们不依赖于预加载。 Babel-standalone仍在使用Chrome 56.关闭此问题。

如果您不使用babel-standalone，那么可以尝试一下。它允许您拥有ES6，React等而无需构建步骤，因此这是一个很好的入门和expermient方法。但它并不适合生产应用程序。