运行heroku-postbuild时出现错误“找不到模块:无法解析'./User.scss'”

时间:2018-12-22 20:11:24

标签: reactjs heroku sass

我正在使用React / Redux / Firebase进行聊天

我有下一个结构:

func max <T : Comparable> (_ lhs : Vector2<T>, _ rhs : Vector2<T>) -> Vector2<T> {

“类型”用户的所有样式的组件都位于文件User.scss中 我不确定什么是对的。我不喜欢带有组件的文件夹

我的动作:

components
 User
  index.js
  User.scss
  UserHeader.js
  UserItem.js
  UserList.js
  UserSerach.js
 Message
  index.js
  Message.scss
  MessageList.js
  ...

在文件package.json中,我也写:

git add .
git commit --amend --no-edit
heroku create
heroku git:remote -a project-name
git push heroku master

并在安装软件包后开始生产:

"engines": {
    "npm": "6.4.1",
    "node": "10.14.2"
}

在安装Heroku软件包时出现错误:

"heroku-postbuild": "npm run serve"

但是我导入了User.scss:

ERROR in ./src/components/User/UserHeader.js
remote:        Module not found: Error: Can't resolve './User.scss' in '/tmp/build_0467563cc44feeb52e4f8bb96c6f75fa/src/components/User'
remote:         @ ./src/components/User/UserHeader.js 3:0-33 8:15-21 10:15-21 14:15-21 16:15-21 19:15-21
remote:         @ ./src/components/User/index.js
remote:         @ ./src/components/Chat/Chat.js
remote:         @ ./src/components/Chat/index.js
remote:         @ ./src/components/App/App.js
remote:         @ ./src/components/App/index.js
remote:         @ ./src/index.js

对于其他用户组件也会弹出相同的错误。但是我在Message组件中只有一个scss文件具有相同的结构,并且没有错误。.

webpack配置中的样式:

import styles from './User.scss';

我已经尝试了其他几种样式设置-相同的错误。

编辑

我发现错误出在scss文件名(user.scss => User.scss)中。但是我遇到了同样的错误。

在阅读Webpack或Windows控制台或Heroku(我不记得)缓存文件后,我犯了一个错误,该错误已得到解决。当您更改其位置或Heroku的名称时,它们不会更改。就像那样,但我不记得了。

我需要在控制台中输入一些内容,以便将对文件和路径的更改考虑在内。也许有人知道吗?

编辑2

解决了我的愚蠢问题:

  1. 通过将文件名更改为正确的名称在GitHub上进行提交。如果我在本地更改文件,这是行不通的,因为我上面写的问题)
  2. 进行git pull
  3. 现在Heroku作品:)

但是我仍然想知道如何解决上面写的问题。

0 个答案:

没有答案