フロントエンドのデザインにhttp://www.material-ui.com/を使用しようとしています。私は始めのチュートリアルの中で最初の例を実行しようとしています。Material-ui反応しない成分が反応しない
App.js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>examples</title>
</head>
<body>
<div id="app"></div>
<script type="text/javascript" src="App.js"></script>
<script type="text/javascript" src="MyAwesomeReactComponent.js"></script>
</body>
</html>
と(http://www.material-ui.com/#/get-started/usage)で定義されているApp.jsとMyAwesomeReactComponent.jsファイルを以下:
import React from 'react';
import ReactDOM from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import MyAwesomeReactComponent from './MyAwesomeReactComponent';
const App =() => (
<MuiThemeProvider>
<MyAwesomeReactComponent />
</MuiThemeProvider>
);
ReactDOM.render(
<App />,
document.getElementById('app')
);
MyAwesomeReactComponent.js:
を私はhtmlファイルを以下していますimport React from 'react';
import RaisedButton from 'material-ui/RaisedButton';
const MyAwesomeReactComponent =() => (
<RaisedButton label="Default" />
);
export default MyAwesomeReactComponent;
インデックスファイルを実行すると、出力が表示されません。
はあなたがチェックしましたか?あなたの事例でベースフィドルを作ることができれば、どんなチャンスですか?あるいは、あなたの小さな事例をすぐに「リメイク」できるどこか?パッケージの一部として反応しましたか? – Icepickle
あなたはババエル/ウェブパックなどを使用していないようです。 –
@PraveenPrasad、私は初心者です。チュートリアルではこれらのことをガイドしていないので、私は立ち往生しますか?それを始める前に私は何を設定すべきですか?または任意の参照? –