Javascript 为什么外部js fie中的jsx代码不'；不能与巴贝尔cdn合作？

我试图使用babel standalone来转换jsx代码，但在使用外部文件时，它不起作用

这是有效的代码：

常量应用=（）=>{
返回（你好，世界）
}
ReactDOM.render（，document.getElementById（'root'））

但是当使用外部js文件时，它不起作用

html

index.js

const-App=（）=>{
返回（你好，世界）
}
ReactDOM.render（，document.getElementById（'root'））

它也适用于外部文件。如果它对你不起作用，它很可能与巴别塔或React无关

我猜您的浏览器根本无法获取

index.js

。如果在没有服务器的情况下只测试HTML文件，那么浏览器可能会因为安全原因而阻止加载

index.js

。例如，当我尝试你的代码时，Chrome告诉我：

访问位于“”的XMLHttpRequestfile:///home/xxx/yyy/index.jsCORS策略已阻止“来自源”的“null”：跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https

然后我启动了一个基本的web服务器，在

http://localhost:8000/index.js

，瞧，它工作得很好

检查浏览器控制台，查看是否出现此错误或类似错误。检查网络选项卡以查看

index.js

是否正确获取。如果您不知道如何使用Chrome（或您正在使用的任何浏览器）开发工具，请阅读

---

如果我是对的，您希望解决这个问题，这是一个完全独立的问题，请搜索解决方案。

它也适用于外部文件。如果它对你不起作用，它很可能与巴别塔或React无关

我猜您的浏览器根本无法获取

index.js

。如果在没有服务器的情况下只测试HTML文件，那么浏览器可能会因为安全原因而阻止加载

index.js

。例如，当我尝试你的代码时，Chrome告诉我：

访问位于“”的XMLHttpRequestfile:///home/xxx/yyy/index.jsCORS策略已阻止“来自源”的“null”：跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https

然后我启动了一个基本的web服务器，在

http://localhost:8000/index.js

，瞧，它工作得很好

检查浏览器控制台，查看是否出现此错误或类似错误。检查网络选项卡以查看

index.js

是否正确获取。如果您不知道如何使用Chrome（或您正在使用的任何浏览器）开发工具，请阅读

---

如果我是对的，然后您希望解决这个问题，这是一个完全独立的问题，请搜索解决方案。

我在vs代码上使用的是一个实时服务器，我的控制台中没有错误，它甚至在mozilla developer edition上都不起作用，我对安全方面的东西不太了解，但不管怎样，我很感激你能帮忙。你能检查一下网络选项卡，看看

index.js

是否在那里成功获取吗？请注意，如果您确实在运行服务器并在

localhost:XXXX

上提供

index.html

，则必须在

localhost:XXXX/index.js

上访问

index.js

（XXXX代表服务器正在使用的端口）。您只需尝试在新的浏览器选项卡中打开此URL。如果你得到了文件的内容，那么问题就出在别处了。这是正确的答案-外部文件工作得很好。我在vs代码上使用了一个实时服务器，我的控制台中没有错误，它甚至在mozilla developer edition上也不工作，我对安全方面的东西不太了解，但不管怎样，我很感激你能帮忙。你能检查一下网络选项卡，看看

index.js

是否在那里成功获取吗？请注意，如果您确实在运行服务器并在

localhost:XXXX

上提供

index.html

，则必须在

localhost:XXXX/index.js

上访问

index.js

（XXXX代表服务器正在使用的端口）。您只需尝试在新的浏览器选项卡中打开此URL。如果您得到了文件的内容，那么问题就出在别处。这是正确的答案-外部文件工作正常。