You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: packages/react-scripts/template/README.md
+21-1
Original file line number
Diff line number
Diff line change
@@ -64,6 +64,7 @@ You can find the most recent version of this guide [here](https://github.com/fac
64
64
-[Troubleshooting](#troubleshooting)
65
65
-[`npm test` hangs on macOS Sierra](#npm-test-hangs-on-macos-sierra)
66
66
-[`npm run build` silently fails](#npm-run-build-silently-fails)
67
+
-[`npm run build` fails on Heroku](#npm-run-build-fails-on-heroku)
67
68
-[Something Missing?](#something-missing)
68
69
69
70
## Updating to New Releases
@@ -1171,7 +1172,21 @@ GitHub Pages doesn't support routers that use the HTML5 `pushState` history API
1171
1172
### Heroku
1172
1173
1173
1174
Use the [Heroku Buildpack for Create React App](https://github.com/mars/create-react-app-buildpack).<br>
1174
-
You can find instructions in [Deploying React with Zero Configuration](https://blog.heroku.com/deploying-react-with-zero-configuration).
1175
+
You can find instructions in [Deploying React with Zero Configuration](https://blog.heroku.com/deploying-react-with-zero-configuration).
1176
+
1177
+
#### Resolving "Module not found: Error: Cannot resolve 'file' or 'directory'"
1178
+
1179
+
Sometimes `npm run build` works locally but fails during deploy via Heroku with an error like this:
1180
+
1181
+
```
1182
+
remote: Failed to create a production build. Reason:
1183
+
remote: Module not found: Error: Cannot resolve 'file' or 'directory'
1184
+
MyDirectory in /tmp/build_1234/src
1185
+
```
1186
+
1187
+
This means you need to ensure that the lettercase of the file or directory you `import` matches the one you see on your filesystem or on GitHub.
1188
+
1189
+
This is important because Linux (the operating system used by Heroku) is case sensitive. So `MyDirectory` and `mydirectory` are two distinct directories and thus, even though the project builds locally, the difference in case breaks the `import` statements on Heroku remotes.
1175
1190
1176
1191
### Modulus
1177
1192
@@ -1265,6 +1280,11 @@ There are also reports that *uninstalling* Watchman fixes the issue. So if nothi
1265
1280
1266
1281
It is reported that `npm run build` can fail on machines with no swap space, which is common in cloud environments. If [the symptoms are matching](https://github.com/facebookincubator/create-react-app/issues/1133#issuecomment-264612171), consider adding some swap space to the machine you’re building on, or build the project locally.
1267
1282
1283
+
### `npm run build` fails on Heroku
1284
+
1285
+
This may be a problem with case sensitive filenames.
1286
+
Please refer to [this section](#resolving-module-not-found-error-cannot-resolve-file-or-directory).
1287
+
1268
1288
## Something Missing?
1269
1289
1270
1290
If you have ideas for more “How To” recipes that should be on this page, [let us know](https://github.com/facebookincubator/create-react-app/issues) or [contribute some!](https://github.com/facebookincubator/create-react-app/edit/master/packages/react-scripts/template/README.md)
0 commit comments