paulhoughton/react-pwa: Material Design Progressive Web App React starter kit を
対応方法を
エラー内容
MDLComponent.js:38 Uncaught TypeError: Cannot read property 'upgradeElements' of undefined at MDLComponent.componentDidMount (MDLComponent.js:38) at commitLifeCycles (react-dom.development.js:8770) at commitAllLifeCycles (react-dom.development.js:9946) at HTMLUnknownElement.callCallback (react-dom.development.js:542) at Object.invokeGuardedCallbackDev (react-dom.development.js:581) at invokeGuardedCallback (react-dom.development.js:438) at commitRoot (react-dom.development.js:10050) at performWorkOnRoot (react-dom.development.js:11017) at performWork (react-dom.development.js:10967) at requestWork (react-dom.development.js:10878)
原因
import ReactMDL from ‘react-mdl’; not working · Issue #320 · tleunen/react-mdl をmaterial.js
と、material.css
の
現在作成中のmaterial.js
と、material.css
のvendor.js
に
- react-pwa/src/vendor.js
import 'react-mdl/extra/material'; import 'react-mdl/extra/material.css';
import 文のwebpack.config.js
に
修正前
/* エントリーポイント */ entry: ['./assets/js/index'],
修正後
/* エントリーポイント */ entry: ['./assets/js/index','./assets/js/vendor'],
記載方法が
index.js と、
index.js にimport 'react-mdl/extra/material
と、import 'react-mdl/extra/material.css
を
補足
README.md
には、
material-components/material-components-web: Modular and customizable Material Design UI components for the web を
進化が React-MDL
を
後日、
以上です。
コメント