编译失败:在“./src”中找不到文件“./containers/App/App”

IT技术 javascript reactjs heroku build
2021-05-25 12:14:34

我一直很难将 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,我尝试将每个组件传递到路由器的位置,我发现所有组件都可以工作,但所有容器都没有(这可能是一个 redux 问题吗?)

我没有想法了:/

4个回答

您可以先清除缓存,看看是否有任何已重命名的文件。

这将缓存整个目录:

git rm -r --cached .

此外,您必须添加、提交和推送更改:

git add .
git commit -am 'Removing cached files'

重命名containers,以ContainerscomponentsComponents

在提交到 git 之后,您可能已经更改了文件名的大小写。您可以通过调用来修复它git mv path/app.js path/App.js这会显式更改 git 中的文件名。

当我将目录重命名为Containers和相对路径为import App from './Containers/App/App'