Comments (19)
@ScriptedAlchemy Do you have any advice? 😃
from webpack-flush-chunks.
update or downgrade to @latest on all faceyspacey products
from webpack-flush-chunks.
how old is your config?
from webpack-flush-chunks.
i had that error too
i fixed it with downgrade "[email protected]" to to "[email protected]"
wich seems caused by faceyspacey/react-universal-component@8c930fa
from webpack-flush-chunks.
dont use the alphas anymore, everything has been officially released-i decided against 4.0 and instead brought out a stable set of releases in v3
react 16 api will the the next major release
from webpack-flush-chunks.
good to know
thanks! @ScriptedAlchemy
from webpack-flush-chunks.
I have updated all faceyspacey modules but it is still not working (they were already @latest)
dep
"react-universal-component": "^3.0.3",
"redux-first-router": "^0.0.16-next",
"redux-first-router-link": "^1.4.2",
"webpack-flush-chunks": "^2.0.3"
dev
"babel-plugin-universal-import": "^3.1.2"
Could it have anything to do with using Babel 7? I was trying to upgrade everything at once and was hoping for the best 😆 @ScriptedAlchemy
from webpack-flush-chunks.
The file is there, just not being added into the dynamic chunks...
from webpack-flush-chunks.
faceyspacey/react-universal-component@8c930fa The removal of the babel plugin check to replace the '-' with '/' is exactly the problem though, isn't it? Which is why in my logs it can't find pages-Home
because it is pages/Home
? @ScriptedAlchemy
from webpack-flush-chunks.
wait, yeah your build is getting nested, it shouldnt be doing that.
One of those deps is not updating its self, can you try killing your yarn lock and node modules
fresh install
Inside RUC you can also add ignoreBabelRename: true
search it on the RUC readme
https://github.com/faceyspacey/react-universal-component
from webpack-flush-chunks.
Pretty much, im keeping the dashes instead of slashes, to resolve it in flush chunks is not worth the hassle.
from webpack-flush-chunks.
When I start with a fresh yarn.lock
and a fresh node modules install, the build is still nested (Home.js
file under pages/
) and the file doesn't appear in my HTML under the dyanmic chunks.
When I add the option ignoreBabelRename: true
the file does appear in my HTML under dynamic chunks.
But now I am having a problem with Webpack making another package (specifically redux-responsive) not work. Could Webpack's new optimization settings be too aggressive to the point where some javascript isn't making it into the build files?
I just debugged all my packages (updated them all 1-by-1) and the only time my site stops working (the redux-responsive module, which has nothing to do with Webpack) is when it comes to updating the faceyspacey modules and Webpack to v4. @ScriptedAlchemy
from webpack-flush-chunks.
Sadly, for things like this, theres so many variables.
Ive seen this issue show up before, it must be something related to babel configurations?
without seeing the whole project, i cant determine the issue. if things are updated, and configured properly - it works
from webpack-flush-chunks.
might be your autodll plugin
from webpack-flush-chunks.
Here is my .babelrc
:
{
"presets": [
"@babel/preset-env",
"@babel/preset-flow",
"@babel/preset-react"
],
"plugins": [
["@babel/plugin-proposal-decorators", {
"legacy": true
}
],
"@babel/plugin-proposal-function-sent",
"@babel/plugin-proposal-export-namespace-from",
"@babel/plugin-proposal-numeric-separator",
"@babel/plugin-proposal-throw-expressions",
"@babel/plugin-syntax-dynamic-import",
["module-resolver", {
"alias": {
"server": "./server",
"src": "./src",
"assets": "./src/assets",
"components": "./src/components",
"containers": "./src/containers",
"pages": "./src/pages",
"state": "./src/state",
"actions": "./src/state/actions",
"reducers": "./src/state/reducers",
"styles": "./src/styles",
"templates": "./src/templates",
"themes": "./src/themes",
"utils": "./src/utils",
"tools": "./tools",
"wp": "./tools/webpack"
}
}],
"universal-import"
],
"env": {
"development": {
"plugins": [
"react-hot-loader/babel"
]
}
}
}
There are discrepancies between the faceyspacey modules on how to setup everything together, e.g. webpack optimization settings, which may be causing my problem (too many settings that I tossed together). Is there any word on an updated demo of all the faceyspacey modules?
from webpack-flush-chunks.
Do you compile your server code?
from webpack-flush-chunks.
Yes, a buildServer
folder is created when I run the server.
from webpack-flush-chunks.
you got a repo for me?
from webpack-flush-chunks.
also check this:
faceyspacey/redux-first-router#305
from webpack-flush-chunks.
Related Issues (20)
- webpack v5: missing dynamic chunks generated by `splitChunks` when chunk IDs are strings
- flushChunkNames is empty
- Duplicate CSS files while flushing HOT 2
- utils.js:50 chunk not available for synchronous require yet:
- Not work with webpack.NamedChunksPlugin or webpack-hashed-chunkids
- reference script file outside of webpack build
- Breaking changes between v1 and v2
- Chunk dependencies not flushed when it's moved to a parent
- Questions about flushing and babel plugin
- t
- flushChunks not returns shared css between modules HOT 1
- 2.0.3 tag is missing from GitHub
- Removing LimitChunkCountPlugin: 1 for server HOT 3
- Pass through renderProps in the Component return API
- Raw CSS on development environment
- [FLUSH CHUNKS] warning with TSX, but not with JS
- @loadable/components support
- 52 Vulnerabilities in NPM modules
- [FLUSH CHUNKS]: Unable to find pages-Landing in Webpack chunks. Please check usage of Babel plugin.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from webpack-flush-chunks.