在Heroku上构建create-react-app失败

Question

我正在使用Mars buildpack，每次我尝试构建我的网站时都会收到错误：

  

找不到模块：错误：无法解析'./Main.css'   '/ TMP / build_546fe78ab9ffb9c7a949b22c43e1d251 / src' 中

我尝试过移动文件，以不同的方式链接它们，似乎没有任何工作。我按照Facebook自己的说明启用SASS，我正在使用他们的构建脚本 - 在OSX本地工作正常。

我的主文件如下所示：

import React, { Component } from 'react'
import { Route, BrowserRouter, Switch } from 'react-router-dom'
import './Main.css'

// Views
// Views here

// Components
import Navigation from './components/Navigation'
import Footer from './components/Footer'

class Main extends Component {
	render() {
		return(
			<BrowserRouter>
				<div className="primary-layout">
					<Navigation/>
					<Switch>
						// Routes in here
					</Switch>
					<div><Footer/></div>
				</div>
			</BrowserRouter>
		);
	}
}

export default Main;

有问题的CSS文件位于/src/Main.css。

相关的构建脚本如下所示：

  "scripts": {
    "build-css": "node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/",
    "watch-css": "npm run build-css && node-sass-chokidar --include-path ./src --include-path ./node_modules src/ -o src/ --watch --recursive",
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }

非常感谢任何帮助。