I just get a blank page, no rendered HTML, no JS assets loaded by the browser. The CLI reports that everything worked though:
i ｢wds｣: Project is running at localhost:8080/
i ｢wds｣: webpack output is served from /
i ｢wds｣: Content not from webpack is served from E:\Storage\Projects\react-native\AwesomeProject
i ｢wdm｣: asset bundle.web.js 1.72 MiB emitted 1 related asset
runtime modules 26.7 KiB 13 modules
modules by path ./node_modules/ 1.56 MiB 105 modules
./index.web.js 526 bytes [built] [code generated]
./src/components/App.jsx 4.99 KiB [built] [code generated]
./app.json 66 bytes [built] [code generated]
webpack 5.40.0 compiled successfully in 2378 ms
i ｢wdm｣: Compiled successfully.
I've been over the steps 3 times, everything in the instructions I did as far as I can tell.
Then the configuration worked for you, now you need to go on the Browser console and see what's the javascript error. It could be syntax error, could be your own code importing "type" code (you should tell webpack to convert node module that uses them), it could be metro bundler not running, etc.
But you have to debug it in Browser console now.
I forgot to say, nothing in the browser console. Not even a request to load the generated JS bundle. The index.html page is not loading.
However, if I change the URL to put a filename that does NOT exist in the app, I do get a "not found" error. So it's talking to the server, just not rendering anything.
@dgtman
, Can you please check that you have included budle.web.js there or the entry point index.web.js is correct in webpack config and this file exists. Or you can share a github repo like the one I mentioned to generate the error at my end.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
I just get a blank page, no rendered HTML, no JS assets loaded by the browser. The CLI reports that everything worked though:
i ｢wds｣: Project is running at localhost:8080/
i ｢wds｣: webpack output is served from /
i ｢wds｣: Content not from webpack is served from E:\Storage\Projects\react-native\AwesomeProject
i ｢wdm｣: asset bundle.web.js 1.72 MiB emitted 1 related asset
runtime modules 26.7 KiB 13 modules
modules by path ./node_modules/ 1.56 MiB 105 modules
./index.web.js 526 bytes [built] [code generated]
./src/components/App.jsx 4.99 KiB [built] [code generated]
./app.json 66 bytes [built] [code generated]
webpack 5.40.0 compiled successfully in 2378 ms
i ｢wdm｣: Compiled successfully.
I've been over the steps 3 times, everything in the instructions I did as far as I can tell.
Then the configuration worked for you, now you need to go on the Browser console and see what's the javascript error. It could be syntax error, could be your own code importing "type" code (you should tell webpack to convert node module that uses them), it could be metro bundler not running, etc.
But you have to debug it in Browser console now.
I forgot to say, nothing in the browser console. Not even a request to load the generated JS bundle. The index.html page is not loading.
However, if I change the URL to put a filename that does NOT exist in the app, I do get a "not found" error. So it's talking to the server, just not rendering anything.
Oh ok, I see what you mean. Did you set the bable presets and plugins in config?
What does your
web/webpack.config.jslook like?Keep in mind that webpack serve is serving in memory in development. You won't even see the bundle file generated.
@dgtman , Can you please check that you have included
budle.web.jsthere or the entry pointindex.web.jsis correct in webpack config and this file exists. Or you can share a github repo like the one I mentioned to generate the error at my end.