javascript - 导入模块时无法解析 React

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 中？无论如何，我已经尝试删除节点模块等几次并重新启动它们。

不确定我是否遗漏了什么？我从“react-chat-window”创建了应用程序不确定那是否是“create-react-app”，但我认为是？

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

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

包.json: “依赖项”:{
“表情符号-js”:“3.2.2”，
"gh-pages": "^1.0.0",
“ Material 用户界面”:“^0.20.2”，
“ Prop 类型”:“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 命令来安装它

之后你就可以在你的项目中使用它了