Не удалось скомпилировать: не удается найти файл './containers/App/App' в './src'

Question

Мне было трудно отправить приложение React.js в Heroku, потому что я получаю сообщение о сбое при сборке со следующей усиливающей информацией.

Консоль сборки Heroku:

-----> Build
       Running build

       > veterinfo@0.1.0 build /tmp/build_2456efea678b82d24203cb2e2c7bcbd5
       > react-scripts build

       Creating an optimized production build...
       Failed to compile.

       ./src/index.js
       Cannot find file './containers/App/App' in './src'.

Мой файл index.js:

import App from './containers/App/App'
import * as serviceWorker from './serviceWorker'
import { BrowserRouter } from 'react-router-dom'
import { Provider } from 'react-redux'
import { createStore, applyMiddleware } from 'redux'
import rootReducer from './reducers'
import { composeWithDevTools } from 'redux-devtools-extension'
import thunk from 'redux-thunk'

const store = createStore(rootReducer, composeWithDevTools(applyMiddleware(thunk)))

const router = (
    <Provider store={store}>
        <BrowserRouter>
            <App />
        </BrowserRouter>
    </Provider>
)

Структура файла:

src
  -->containers
    -->App
      -->__snapshots__
      -->App.js
      -->App.scss
      -->App.test.js
  -->index.js

Я попытался удалить node_modules и переустановить их, я попытался очистить кэш сборки в heroku, у меня естьпопытался указать App.js в относительном пути, я попытался указать версию узла в файлах yml и package.json, сборка проходит локально с npm run build, я попытался просто передать каждый компонент в положение маршрутизатора, и у меня естьобнаружил, что все компоненты работают, но все контейнеры не работают (может ли это быть проблемой с избыточностью?)

У меня почти нет идей: /

Answer 1

Переименуйте containers в Containers и components в Components

Answer 2

Проблема была исправлена, когда я переименовал каталог в Containers и относительный путь к import App from './Containers/App/App'