React应用无法在Heroku上编译-导入错误?

时间:2020-03-11 12:32:13

标签: reactjs heroku import

这是我尝试在Heroku上部署我的React应用程序时遇到的错误:

-----> Build
       Running build

       > projectx@0.1.0 build /tmp/build_f8319236f3ff554c9b2b847b7cd7e6f7
       > react-scripts build

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

       ./src/components/application/App.js
       Cannot find file '../landing/Home' in './src/components/application'.

我不确定为什么要在App.js的本地文件夹(即Home)中搜索我的components/application组件

这是我App.js的片段。它在本地工作正常。

import DashboardLayout from '../layout/DashboardLayout';
import Home from '../landing/Home';
import Counter from '../dashboard/Counter';
import Login from '../landing/Login';
import Register from '../landing/Register';
    ...
 return (
    <AuthContext.Provider value={{ authTokens, setAuthTokens: setTokens }}>
      <Router>
        <Switch>
          <PublicRoute exact path='/' component={Home} layout={LandingLayout} />

这是我的文件夹结构:

enter image description here

我在这里想念什么?我应该使用其他导入方式吗?

1 个答案:

答案 0 :(得分:0)

解决了这个问题,我的landing/文件夹实际上是Git先前版本中的Landing/。原来git不区分大小写,并且不检测文件夹区分大小写的重命名。

所以我还必须在git中用以下方式重命名该文件夹:

git mv Landing/ tmp
git mv tmp/ landing