Javascript 在Heroku上托管节点和网页包--未找到模块，可以'；t解析'/导航栏'；

编辑：事实证明，Git不区分大小写，我构建的样板文件有一个

navbar.js

，我将其重命名为

navbar.js

（因为它是一个React组件）。在bash中全局修复了它：

git config core.ignorecase false

（如图所示）

---

好的，几周前为我编译并运行了同一页面的一个非常简单的版本；然后我添加了一些非常基本的CSS和React，Heroku大发雷霆！我最终让它要么部署一个空白页面，要么运行我的构建脚本（没有完成），但我无法让它同时完成这两项工作，也无法实际加载我的两个组件

Heroku抛出此错误：

webpack is watching the files…

       Hash: ab702c072913a23f1d64
       Version: webpack 4.16.4
       Time: 4912ms
       Built at: 03/09/2019 4:19:00 AM
                        Asset      Size  Chunks             Chunk Names
           ./public/bundle.js  1.72 MiB    main  [emitted]  main
       ./public/bundle.js.map  1.65 MiB    main  [emitted]  main
       Entrypoint main = ./public/bundle.js ./public/bundle.js.map
       [0] multi @babel/polyfill ./client/index.js 40 bytes {main} [built]
       [./client/app.js] 750 bytes {main} [built]
       [./client/history.js] 565 bytes {main} [built]
       [./client/index.js] 830 bytes {main} [built]
       [./client/routes.js] 3.57 KiB {main} [built]
       [./client/socket.js] 449 bytes {main} [built]
       [./client/store/index.js] 927 bytes {main} [built]
       [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 509 bytes {main} [built]
       [./node_modules/webpack/buildin/harmony-module.js] (webpack)/buildin/harmony-module.js 573 bytes {main} [built]
       [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 519 bytes {main} [built]
       [1] ws (ignored) 15 bytes {main} [optional] [built]
           + 491 hidden modules

       ERROR in ./client/components/index.js
       Module not found: Error: Can't resolve './Navbar' in '/tmp/build_b232611899d2d986bee399a971bd84b4/client/components'
       @ ./client/components/index.js 21:37-56
       @ ./client/app.js
       @ ./client/index.js
       @ multi @babel/polyfill ./client/index.js

client/components/index.js仅包括：

export {default as Landing} from './Landing'
export {default as Navbar} from './Navbar'

client/app.js也非常简单：

import React from 'react'
import {Navbar, Landing} from './components'
import Routes from './routes'

const App = () => {
  return (
    <div>
      <Navbar />
      <Landing />
      <Routes />
    </div>
  )
}

export default App

---

我已经没有主意了。任何东西非常感谢

您对app.js中“/Navbar”目录路径的调用可能是错误的。发生此问题的原因是目录本身不匹配。只需将整个目录路径粘贴到此处即可准确找到解决方案？

您在app.js中对“/Navbar”目录路径的调用可能是错误的。发生此问题的原因是目录本身不匹配。只需将您的整个目录路径粘贴到此处即可准确找到解决方案？

谢谢，我在发布之前确实尝试过。同样的结果，找到了！Git默认不区分大小写，所以它在Git保存“/Navbar”时查找“/Navbar”，oyy。谢谢，我在发帖前试过了。同样的结果，找到了！Git默认不区分大小写，所以它在Git保存“/Navbar”时查找“/Navbar”，oyy。

import React from 'react'
import ReactDOM from 'react-dom'
import {Provider} from 'react-redux'
import {Router} from 'react-router-dom'
import history from './history'
import store from './store'
import App from './app'

import './socket'

ReactDOM.render(
  <Provider store={store}>
    <Router history={history}>
      <App />
    </Router>
  </Provider>,
  document.getElementById('app')
)

import React from 'react'
import {connect} from 'react-redux'

const Navbar = () => (
  <nav id="navbar">
    <p>MY FULL NAME</p>
  </nav>
)

export default connect(Navbar)

"start": "NODE_ENV='development' npm run start-server",
"build-client-watch": "webpack -w",
"start-server": "nodemon server -e html,js,scss --ignore public --ignore client",
"postinstall": "NODE_ENV='development' npm run build-client-watch"