在脚本标记中包含react的jsx文件会产生错误

Question

我有一些反应js代码，如果我将它嵌入我的index.html工作正常。但是当我尝试从外部.jsx文件引用该代码时，它无法访问该代码并引发错误。请帮忙。

这就是我引用jsx文件的方式

<script type="text/jsx" src="autocomplete_js/custom_react.jsx">

这些是我得到的错误：

资源被解释为脚本但以MIME类型text / plain传输：＆＃34; file：/// C：/react/autocomplete_js/custom_react.jsx"

XMLHttpRequest无法加载file：/// C：/react/autocomplete_js/custom_react.jsx。交叉源请求仅支持协议方案：http，数据，chrome，chrome-extension，https，chrome-extension-resource

Answer 1

请确保您的文件由Web服务器（Apache或Ngnix）提供。

我试过这两个，当文件由Apache提供时，它就像一个魅力，当在Chrome中直接打开时（Safari没有问题），我有同样的错误。