Я использую 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"
}
Любая помощь очень ценится.