找不到模块：无法解析“@material-ui/core/AppBar”

Question

编辑：刚刚发现无法解决通过npm install --save安装的单个模块。 因此，问题似乎与所有模块有关，即使它们位于 node_modules 文件夹中。

过去 2 小时我一直在调试这个错误。 请注意，该应用程序已使用create-react-app工具create-react-app 。

这就是我导入模块的方式：

import AppBar from "@material-ui/core/AppBar";
import Button from "@material-ui/core/Button";
import Icon from "@material-ui/core/Icon";
import IconButton from "@material-ui/core/IconButton";
import Tabs from "@material-ui/core/Tabs";
import Tab from "@material-ui/core/Tab";

这是package.json片段：

...
"dependencies": {
    "@material-ui/core": "^1.5.1",
    "@material-ui/icons": "^1.1.1",
...

Answer 1

尝试 - yarn add @material-ui/core

这解决了 materialui 和 react 之间的依赖关系。 在我的情况下为我工作，缺少的是@material-ui/core/chippedInput。

Answer 2

对我有用的解决方案如下：

npm install  @material-ui/core

检查链接https://www.npmjs.com/package/@material-ui/core

Answer 3

我在尝试使用 material-ui 表时遇到了这个问题。 除了通过 npm 安装@material-ui/core ，请确保从https://material-ui.com/getting-started/installation/#svg-icons安装npm install @material-ui/icons

Answer 4

当我遇到相同的错误时，我尝试通过docker-compose在 docker 容器中使用material-ui 。 在运行docker-compose up --build之前，我必须通过docker-compose down重新初始化docker-compose 。 之后导入按预期工作。

Answer 5

就我而言，我正在学习教程并最终导入为

import AppBar from 'material-ui/AppBar';

而不是使用此处的文档中的以下内容。

import AppBar from '@material-ui/core/AppBar';
// or
import { AppBar } from '@material-ui/core';

Answer 6

我注意到，仅仅通过 npm install 并没有安装 @material-ui/core 包，我们需要通过 npm install @material-ui/core 单独安装它。 这个方法对于@material-ui/icons 是一样的