Javascript 使用材质UI时应对冲突

当尝试在Material UI的0.16.6版本中使用AppBar时，出现以下错误

Uncaught Error: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `render` method, or you have multiple copies of React loaded.

这看起来像是一个冲突错误

我的代码如下：

App.js

import React, { Component } from 'react';
import AppBar from 'material-ui/AppBar';
import {deepOrange500} from 'material-ui/styles/colors';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

const muiTheme = getMuiTheme({
  palette: {
    accent1Color: deepOrange500,
  },
});

class App extends Component {
  render() {
    return (
      <MuiThemeProvider muiTheme={muiTheme}>
        <AppBar/>
      </MuiThemeProvider>
    );
  }
}

export default App;

import React，{Component}来自'React'；
从“物料ui/AppBar”导入AppBar；
从“材质ui/样式/颜色”导入{deepOrange500}；
从“材质ui/styles/GetMuiteme”导入GetMuiteme；
从“材质ui/styles/MuiThemeProvider”导入MuiThemeProvider；
常量muiTheme=getMuiTheme({
调色板：{
Accent1颜色：深橙色500，
},
});
类应用程序扩展组件{
render（）{
返回(
);
}
}
导出默认应用程序；

index.js

import injectTapEventPlugin from 'react-tap-event-plugin';
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
  <App />,
  document.getElementById('root')
);

从“react-tap事件插件”导入injectTapEventPlugin；
从“React”导入React；
从“react dom”导入react dom；
从“./App”导入应用程序；
ReactDOM.render(
,
document.getElementById（'root'））
);

---

是否有人遇到过此问题，或者是否有人知道如何解决此问题？

在

index.js

文件中，在调用

ReactDOM.render

之前，您需要此文件：

// Needed for onTouchTap event handling
injectTapEventPlugin();

---

看看这能否解决问题。如果没有，请尝试删除

node\u modules

文件夹并再次运行

npm install

删除节点模块文件夹并进行npm安装，如果这是一个库冲突问题，它将得到解决。