Question

我安装了material-UI，并试图导入一个按钮，这使我出错。

代码（在我位于客户端文件夹中的index.js文件中）：

import React, { Component } from 'react'
import { render } from 'react-dom'
import { Launcher } from '../../src'
import messageHistory from './messageHistory';
import Highlight from "react-highlight.js";
import './../assets/styles'
import io from 'socket.io-client';
import ReactDOM from 'react-dom';
import Button from '@material-ui/core/Button';

错误：

 ERROR  in ../~/@material-ui/core/Button/Button.js
 Module not found: Error: Can't resolve 'react' in `'C:\Users\dale.grant\Desktop\hyberchat-chat-service\node_modules\@material-ui\core\Button'`

它用不同的部分（例如Button / ripple.js）说了11次

我注意到的一件事是，对于此客户端和服务器端，我都有package-json和package-lock.json，而material-ui在服务器端的package-lock.json中？无论如何，我尝试删除节点模块等几次并重新启动它们。

不确定我是否错过了什么？我是从“反应聊天窗口”创建应用的不知道这是否是'create-react-app'，但我认为是吗？

我也尝试在客户端文件夹中安装material-ui。

客户端由Web-pack和服务器运行，只是普通节点。

package.json： "dependencies": { "emoji-js": "3.2.2", "gh-pages": "^1.0.0", "material-ui": "^0.20.2", "prop-types": "15.5.10", "react": "^16.5.2", "react-dom": "^16.5.2", "react-highlight.js": "1.0.5", "socket.io-client": "2.0.3"

也是客户端package.json：

"body-parser": "^1.18.3",
"dialogflow": "^0.7.0",
"express": "^4.16.3",
"nodemon": "^1.18.4",
"react": "^16.5.2",
"react-dom": "^16.5.2",
"socket.io": "^2.1.1"

谢谢。

Answer 1

请确保您已安装material-ui依赖项

您可以通过运行npm install @material-ui/core命令来安装它

之后，您可以在项目中使用它

Answer 2

请确认在package.json中添加了react依赖项。

导入模块时无法解析React

2 个答案: