我正在尝试直接通过CDN加载React和Material ui，但是无法使Material ui正常工作。
这是我到目前为止尝试过的代码
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Bundleless React</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
</head>
<body>
<div id="root"></div>
<script src="https://unpkg.com/react@16/umd/react.production.min.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js" crossorigin></script>
<script src="https://unpkg.com/@material-ui/core/umd/material-ui.production.min.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="./index.jsx" type="text/babel"></script>
</body>
</html>
index.jsx
ReactDOM.render(<h1>Hello World</h1>, document.getElementById("root"));
上面的代码仅适用于React，但当我尝试使用如下所示的实质性UI组件时，它将引发错误。
index.jsx
ReactDOM.render(
<Button variant="contained" color="primary">
Hello World
</Button>,
document.getElementById("root")
);
上面的代码在控制台中引发
Button is not defined错误。我该如何解决呢？
最佳答案
将material-ui与CDN一起使用时，请使用此example。
关于javascript - 无法通过unpkg使用MATERIAL-UI和React，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51580582/