Closed RyanAtBarefoot closed 6 years ago
Here's the output of just running that config file through webpack on the command line
C:\code\removed\Dev\removed\removed>set NODE_ENV=development&& webpack --config ./config/webpack.config.dev.js
Hash: 2ed66ace64dbf50eed7d
Version: webpack 3.8.1
Time: 23767ms
Asset Size Chunks Chunk Names
static/media/fontawesome-webfont.674f50d2.eot 166 kB [emitted]
static/media/fontawesome-webfont.912ec66d.svg 444 kB [emitted] [big]
static/media/fontawesome-webfont.b06871f2.ttf 166 kB [emitted]
static/media/fontawesome-webfont.af7ae505.woff2 77.2 kB [emitted]
static/media/fontawesome-webfont.fee66e71.woff 98 kB [emitted]
static/media/indicator.971c8d87.svg 942 bytes [emitted]
static/media/logo.a895c7fe.png 21.1 kB [emitted]
static/js/bundle.js 13.6 MB 0 [emitted] [big] main
static/js/bundle.js.map 15.6 MB 0 [emitted] main
index.html 1.61 kB [emitted]
[./config/polyfills.js] ./config/polyfills.js 856 bytes {0} [built]
[./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 488 bytes {0} [built]
[./src/index.css] ./src/index.css 1.22 kB {0} [built]
[./src/modules/modal/index.js] ./src/modules/modal/index.js 351 bytes {0} [built]
[0] multi ./config/polyfills.js ./node_modules/react-dev-utils/webpackHotDevClient.js ./src/index.js 52 bytes {0} [built]
[./src/index.js] ./src/index.js 970 bytes {0} [built]
[./src/modules/app/index.js] ./src/modules/app/index.js 84 bytes {0} [built]
[./src/modules/busyIndicator/index.js] ./src/modules/busyIndicator/index.js 310 bytes {0} [built]
[./src/modules/enumerations/index.js] ./src/modules/enumerations/index.js 314 bytes {0} [built]
[./src/modules/error/index.js] ./src/modules/error/index.js 279 bytes {0} [built]
[./src/modules/rightPanel/index.js] ./src/modules/rightPanel/index.js 371 bytes {0} [built]
[./src/modules/rootReducer.js] ./src/modules/rootReducer.js 1.71 kB {0} [built]
[./src/modules/store.js] ./src/modules/store.js 1.67 kB {0} [built]
[./src/registerServiceWorker.js] ./src/registerServiceWorker.js 3.91 kB {0} [built]
[./src/screens/promotions/index.js] ./src/screens/promotions/index.js 379 bytes {0} [built]
+ 1220 hidden modules
Child html-webpack-plugin for "index.html":
1 asset
[./node_modules/html-webpack-plugin/lib/loader.js!./public/index.html] ./node_modules/html-webpack-plugin/lib/loader.js!./public/index.html 1.99 kB {0} [built]
[./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 488 bytes {0} [built]
[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 495 bytes {0} [built]
+ 1 hidden module
Can you explain the flow of circular dependencies and their approximate file locations on disk that you would have expected the module to catch?
Separately you can open node_modules
and add console.log
statements to the module to figure out if it is or isn't being invoked, which would help to determine if this is a configuration problem or if the module is not interacting correctly with CRA.
I'm going to close this, because there has been no response for a month.
@RyanAtBarefoot Had the same problem caused by paste new CircularDependencyPlugin(...)
to resolve.plugins
instead of just plugins
inside webpack config.
Thanks @Fer0x that seems to be a clear fix to this issue.
@Fer0x I've been trying to solve my issue with it for the last two hours. you saved me! THANKS!
Hi,
I've added this to my create-react-app based build that I ejected and have only adding this plugin too but I just manually fixed a circular dependency and the tool never warned me about it.
Here's my config
Is there anything I can do to debug this or to run it in isolation? I've used it on other projects and I know it works. Maybe the create-react-app build is swallowing the errors.