根据MDN,如果您指定的脚本标记的类型不是
text/javascript,则浏览器将忽略该标记:
嵌入式内容被视为浏览器不会处理的数据块。开发人员必须使用不是Javascript MIME类型的有效MIME类型来表示数据块。src属性将被忽略。
换句话说,
index.js在您的示例中,浏览器不会加载或运行。这是有道理的-如果确实如此,则将出现语法错误,因为您的浏览器无法理解JSX。
实际发生的是该
babel-standalone脚本查看您的HTML,找到所有标记的脚本标签
text/babel,
通过加载它们
XMLHttpRequest,然后编译并运行它们。
这就是为什么您会收到CORS错误的原因-浏览器未加载文件,脚本正在加载。不幸的是,我认为如果不使用Web服务器或提前编译Babel代码就无法解决此问题。



