未找到模块：错误：无法解析“@material-ui/core/styles”（部署到 heroku 时）

Posted 2023-03-07

【中文标题】未找到模块：错误：无法解析“@material-ui/core/styles”（部署到 heroku 时）

【英文标题】：Module not found: Error: Can't resolve '@material-ui/core/styles' (when deploying to heroku)

【发布时间】：2019-03-20 02:06:51

【问题描述】：

我有一个 React 应用程序并尝试将其部署到 Heroku 并在运行时 git push heroku master

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

我搜索了类似的问题并安装了最新版本的npm、node和metalial-ui 我也试过npm install @material-ui/core ..没用。

这是完整的错误日志文件

-----> 构建成功！ =====> 正在下载 Buildpack：https://github.com/mars/create-react-app-inner-buildpack.git =====> 检测到的框架：React.js (create-react-app) 写static.json 支持create-react-app 启用运行时环境变量 游乐园-欧洲@0.1.0 build /tmp/build_a49639db14111a3c4e29b2f3e9e25c49 反应脚本构建 创建优化的生产构建... 编译失败。 找不到模块：错误：无法解析“/tmp/build_a49639db14111a3c4e29b2f3e9e25c49/src”中的“@material-ui/core/styles” npm 错误！代码生命周期 npm 错误！错误号 1 npm 错误！游乐园-欧洲@0.1.0 构建：react-scripts build npm 错误！退出状态 1 npm 错误！ npm 错误！在 amusement-parks-europe@0.1.0 构建脚本中失败。 npm 错误！这可能不是 npm 的问题。上面可能有额外的日志输出。 npm 错误！可以在以下位置找到此运行的完整日志： npm 错误！ /app/.npm/_logs/2018-10-08T20_29_28_807Z-debug.log ！推送被拒绝，无法编译 React.js (create-react-app) 多应用程序。 ！推送失败

项目可以在github上找到 react app using google Api

感谢您的帮助，我尝试了很多想法并没有解决。

【问题讨论】：

我注意到的第一件事是您的依赖项（package.json）中没有提到@material-ui。试试npm install @material-ui --save

我做到了，现在它在 package.json 中，但没有任何改变

【参考方案1】：

问题已根据@samokasha 的回答解决， 解决方案正在使用 npm install @material-ui/core --save

我之前使用过相同的命令，但我错过了--save

感谢您的帮助。

【讨论】：

从 npm 5.0.0 开始，已安装的模块默认添加为依赖项，因此不再需要 --save 选项。 link

运行npm install @material-ui/core@next

它对我有用，但是上面和code npm i --save @material-ui/core之间有什么区别

【参考方案2】：

看起来您的 package.json 文件不包含 material-ui。试试 'npm i -s @material-ui/core'

【讨论】：

检查您的 package.json 文件。在那里你安装了material-ui。您需要使用以下命令安装@material-ui 包：“npm install @material-ui/core --save”。不要忘记“@”