teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

importのミスを修正

2019/04/02 11:43

投稿

ratmie
ratmie

スコア18

title CHANGED
File without changes
body CHANGED
@@ -6,10 +6,10 @@
6
6
 
7
7
  ### 発生している問題・エラーメッセージ
8
8
 
9
- ```
9
+ コンポーネントにテーマが設定されません。
10
- Uncaught TypeError: Cannot read property 'prepareStyles' of undefined
10
+ App内でcontextの値を確認すると何も入っていませんでした。
11
- ```
12
11
 
12
+
13
13
  ### 該当のソースコード
14
14
 
15
15
  index.jsx
@@ -35,7 +35,7 @@
35
35
  ```javascript
36
36
 
37
37
  import React, { Component } from 'react';
38
- import { AppBar } from 'material-ui';
38
+ import { AppBar } from '@material-ui/core';
39
39
 
40
40
  class App extends Component {
41
41
  constructor(props) {
@@ -73,11 +73,7 @@
73
73
  });
74
74
  ```
75
75
  ### 試したこと
76
- 当該エラーはAppBar内で
76
+
77
- ```
78
- this.context.muiTheme.prepareStyles
79
- ```
80
- を参照しており、App内でcontextの値を確認すると何も入っていませんでした。
81
77
  また、他のAppBarを他のコンポーネントに変更しても同様でした。
82
78
 
83
79
  ### 補足情報(FW/ツールのバージョンなど)