我尝试测试 Material-UI 组件。我的步骤:
我在全球范围内安装了 nwb:
sudo npm install -g nwb
我创建了一个新的 React 应用程序:
nwb new react-app myapp
我往里看:
cd myapp
我编辑了 nwb.config.js(因为 Webpack 使用“/”创建绝对路径):
module.exports = { webpack: { publicPath: '' } }
我安装了请求的插件:
npm i --save react-tap-event-plugin
我在以下位置添加了字体 Roboto
index.html
:
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
- 我添加了指向图标的链接(因为 Material-UI 默认不显示图标):
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
- 我安装并启动了一个服务器:
npm start --auto-install
启动后我看到一个错误
不变违规:addComponentAsRefTo(...)
只有第一个按钮对点击做出反应,但它不是动画!其他按钮不会对任何点击做出反应。
在 package.json 中,我在插件版本中插入了修正:
“依赖项”:{ “react”:“^15.4.1”,“react-dom”:“^15.4.1”,“react-tap-event-plugin”:“^2.0.1”},
基于以下信息: ./~/react-tap-event-plugin/src/injectTapEventPlugin.js 中的错误
由于 React 中的更新,react-tap-event-plugin 中断 如果使用 react 版本 ^15.4.0,请在 package.json 中将 react-tap-event-plugin 更改为 ^2.0.0。
对不起,我没有任何想法如何解决它!它在 Safari 和 Chrome 中也不起作用。感谢您的任何帮助!来自官方网站Material-UI/Components 的所有示例