Javascript 拒绝执行JSX巴贝尔？_Javascript_Html_Reactjs

Javascript 拒绝执行JSX巴贝尔？

javascript html reactjs

Javascript 拒绝执行JSX巴贝尔？,javascript,html,reactjs,Javascript,Html,Reactjs,我开始学习React并尝试运行此页面，但发现以下错误：拒绝从“”执行脚本https://unpkg.com/browse/babel-standalone@6.26.0/babel.min.js”，因为其MIME类型（“text/html”）不可执行，并且启用了严格的MIME类型检查。有人能帮我吗 <!DOCTYPE html> <html lang="en"> <head> <title> React work &

我开始学习React并尝试运行此页面，但发现以下错误：拒绝从“”执行脚本https://unpkg.com/browse/babel-standalone@6.26.0/babel.min.js”，因为其MIME类型（“text/html”）不可执行，并且启用了严格的MIME类型检查。有人能帮我吗

<!DOCTYPE html>
<html lang="en">
<head>
    <title> React work </title>
    <meta charset="utf-8" >
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
   <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
   <script crossorigin src="https://unpkg.com/browse/babel-standalone@6.26.0/babel.min.js"></script>

</head>
<body>
    <div id='react-root'></div>
    <script type="text/babel">
    class Bonjour extends React.Component
    {
        render()
        {
            return (
                <h1> Hello from React </h1>
            )
        }
    }
    ReactDOM.render(
    <Bonjour/>,
    document.getElementById('react-root')
    )

</script>

</body>

</html>


反应工作
类Bonjour扩展了React.Component
{
render（）
{
返回(
来自React的你好
)
}
}
ReactDOM.render(
,
document.getElementById（'react-root'））
)

您的链接错误。浏览网址为：

这是一个网页，不是

.js

文件。单击“查看原始”按钮进入普通JS：

改用它，你会得到：


类Bonjour扩展了React.Component
{
render（）
{
返回(
来自React的你好
)
}
}
ReactDOM.render(
,
document.getElementById（'react-root'））
)

您的链接错误。浏览网址为：

这是一个网页，不是

.js

文件。单击“查看原始”按钮进入普通JS：

改用它，你会得到：


类Bonjour扩展了React.Component
{
render（）
{
返回(
来自React的你好
)
}
}
ReactDOM.render(
,
document.getElementById（'react-root'））
)

非常感谢。那么，我如何自己传输JSX呢？你有我的链接吗？这是一个很好的起点，不过如果您非常想感谢的话，也可以手动将所有包绑定在一起。那么，我如何自己传输JSX呢？你有我的链接吗？这是一个很好的起点，不过如果需要，也可以手动将所有包绑定在一起