material-design - マテリアル ui インストール 構成

Question

USER MATERIAL ui

1.jsx

var React = require('react'),
  mui = require('material-ui'),
  RaisedButton = mui.RaisedButton;

var MyAwesomeReactComponent = React.createClass({

  render: function() {
    return (
      <RaisedButton label="Default" />
    );
  }

});

module.exports = MyAwesomeReactComponent;

browserify 1.jsx -o 1.js

Error: Parsing file C:\Users\wzx\AppData\Roaming\npm\1.jsx: Unexpected token (7:
11)
    at Deps.parseDeps 

知らない <RaisedButton label="Default" />

github : https://github.com/calleall/material-ui

1 npm install material-ui

2 Then how to do?

3...

4....

私は次に何をすべきですか？

私は助けが必要です、私は数日やった

Answer 1

私も戸惑いましたが、いろいろ調べて解決しました。

$ sudo npm install -g browserify
$ npm install --save-dev reactify

これですべての依存関係が揃いました。次にファイルが必要です。例は次のとおりです。

var React = require('react'),
  mui = require('material-ui'),
  RaisedButton = mui.RaisedButton;

var MyAwesomeReactComponent = React.createClass({

  render: function() {
    return (
      <RaisedButton label="Default" />
    );
  }

});

module.exports = MyAwesomeReactComponent;

次に、このコマンドを実行する必要があります

$ browserify -t reactify <path to jsx file> -o <path to output location, including file name>

これにより、必要なものがすべて含まれるファイルが出力されます。