2

开头: 点击后: 点击后:

我尝试测试 Material-UI 组件。我的步骤:

  1. 我在全球范围内安装了 nwbsudo npm install -g nwb

  2. 我创建了一个新的 React 应用程序:nwb new react-app myapp

  3. 我往里看:cd myapp

  4. 我编辑了 nwb.config.js(因为 Webpack 使用“/”创建绝对路径):

    module.exports = {
      webpack: {
        publicPath: ''
      }
    }
    
  5. 我安装了请求的插件:npm i --save react-tap-event-plugin

  6. 我在以下位置添加了字体 Roboto index.html

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">

  1. 我添加了指向图标的链接(因为 Material-UI 默认不显示图标):

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

  1. 我安装并启动了一个服务器: npm start --auto-install

启动后我看到一个错误

不变违规:addComponentAsRefTo(...)

在此处输入图像描述

只有第一个按钮对点击做出反应,但它不是动画!其他按钮不会对任何点击做出反应。

  1. 在 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 的所有示例

在此处输入图像描述

4

0 回答 0