在脚本标签中包含 React 的 jsx 文件会出错
Including react's jsx file in script tag gives error
我有一些 React js 代码，如果我将它嵌入到我的 index.html 中就可以正常工作。但是当我尝试从外部 .jsx 文件引用该代码时，它无法访问该代码并引发错误。请帮忙。
这就是我引用 jsx 文件的方式
<script type="text/jsx" src="autocomplete_js/custom_react.jsx">
这些是我得到的错误：
资源解释为脚本但使用 MIME 类型传输 text/plain："file:///C:/react/autocomplete_js/custom_react.jsx"
XMLHttpRequest 无法加载文件:///C:/react/autocomplete_js/custom_react.jsx。仅协议方案支持跨源请求：http、data、chrome、chrome-extension、https、chrome-extension-resource
确保您的文件由网络服务器（Apache 或 Ngnix）提供服务。
我都试过了，当文件由 Apache 提供时，它就像一个魅力，当直接在 Chrome 中打开时（Safari 没有问题），我有同样的错误。
我有一些 React js 代码，如果我将它嵌入到我的 index.html 中就可以正常工作。但是当我尝试从外部 .jsx 文件引用该代码时，它无法访问该代码并引发错误。请帮忙。
这就是我引用 jsx 文件的方式
<script type="text/jsx" src="autocomplete_js/custom_react.jsx">
这些是我得到的错误：
资源解释为脚本但使用 MIME 类型传输 text/plain："file:///C:/react/autocomplete_js/custom_react.jsx"
XMLHttpRequest 无法加载文件:///C:/react/autocomplete_js/custom_react.jsx。仅协议方案支持跨源请求：http、data、chrome、chrome-extension、https、chrome-extension-resource
确保您的文件由网络服务器（Apache 或 Ngnix）提供服务。
我都试过了，当文件由 Apache 提供时，它就像一个魅力，当直接在 Chrome 中打开时（Safari 没有问题），我有同样的错误。