问题描述
我正在尝试将myfile.jsx文件中包含的一堆React元素包括在内<script type="text/babel" src="http://example.com/js/r/myfile.jsx"></script>这不起作用.
如果我尝试放import "http://example.com/js/r/myfile.jsx";，它会告诉我require未定义.
有没有一种简单的方法，可以通过script标签包含jsx代码?
我仅在网络上使用它，而是使用Babel进行翻译.下面是我的标头，当所有代码都在同一页面中时，代码可以正常工作.
I am trying to include a bunch of React elements I have in file myfile.jsx<script type="text/babel" src="http://example.com/js/r/myfile.jsx"></script>This does not work.
If I try to put import "http://example.com/js/r/myfile.jsx"; it tells me require is not defined.
Is there a simple way, via script tag to include jsx code?
I am using it on the web only, I use Babel to transpile it.Below is my header, code works fine when all is in the same page.
<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
推荐答案
是的，您必须在脚本标签中添加type='text/jsx'.例如，
Yes, you have to add type='text/jsx' in the script tag.For example,
<script src="app.jsx" type="text/jsx"></script>
这篇关于有没有一种简单的方法可以在脚本标记中包含JSX文件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！