无法读取未定义的“组件”:将 material-ui 与 browserify 一起使用

IT技术 javascript reactjs browserify
2022-07-22 00:40:27

我正在使用 browserify 来管理我的依赖项,正如 material-ui setup doc 中所建议的那样。当我尝试运行我的代码时,控制台会给我以下消息:

Uncaught TypeError: Cannot read property 'component' of undefined, 这可以追溯到bundle.js:6769

在我的bundle.js文件中,第 6769 行是这个函数的返回语句:

    getThemeButton: function getThemeButton() {
        return this.context.muiTheme.component.button;
    },

我在这里想念什么?我对 material-ui 和我正在使用的 material-ui 组件都有 require 语句。

我的 index.js 文件的顶部如下所示:

    var React = require('react');
    var injectTapEventPlugin = require('react-tap-event-plugin');
    var mui = require('material-ui');
    var RaisedButton = mui.RaisedButton;

    injectTapEventPlugin();
1个回答

找到隐藏在文档中的答案!

显然这是 material-ui 的必需部分(我不知道他们为什么不将它作为设置的一部分),但我需要在我的渲染类中包含这个片段:

childContextTypes: {
    muiTheme: React.PropTypes.object
},

getChildContext: function() {
    return {
      muiTheme: ThemeManager.getCurrentTheme()
    };
},