Question

我从v0.19切换到v1.0.0-beta.21，当我做了像

这样的事情

import  { Component } from 'react';
import Button from 'material-ui/Button';
class App extends Component {
render() {
  return (
    <div className="App">
      <div className="App-header">
        <h2>Welcome to React</h2>
      </div>
      <p className="App-intro">
        To get started, edit <code>src/App.js</code> and save to reload.
      </p>
      <Button>Example Button</Button>
    </div>
  );
}

}

我收到错误

VM2536:1 Uncaught ReferenceError: Button is not defined
at eval (eval at App (App.js:12), <anonymous>:1:1)
at App (App.js:12)
at beginWork (react-dom.production.min.js:149)
at e (react-dom.production.min.js:182)
at k (react-dom.production.min.js:183)
at p (react-dom.production.min.js:184)
at y (react-dom.production.min.js:188)
at D (react-dom.production.min.js:187)
at Object.updateContainer (react-dom.production.min.js:248)
at react-dom.production.min.js:254

实际上，我无法加载新材料-ui库中的任何组件。

我相信我正在使用material.ui的新版本，因为我的package.json依赖项是：

  "dependencies": {
...
"material-ui": "^1.0.0-beta.21",
"material-ui-icons": "^1.0.0-beta.17",
...

}

编辑：

上述错误具有误导性。实际上我可以从material-ui加载元素。当我console.log(Button)时，很明显它已被加载。似乎问题是没有样式被加载到元素中。它只是显示为一个简单的按钮。例如，如果我添加<AppBar label="title"/>，则不会显示任何样式，只显示<h1>title</h1>之类的内容。

Material-ui功能无法升级到v1.0.0-beta

0 个答案: