davisonpro / php-react-setup Goto Github PK

Hello,

first of all, thank you for your repo. It would be great if there would be the possibility to automatically rebuild JSX and CSS files while in development mode. How can I enable such a feature?

I tried using your npm run-script watch command, it does see the changes from the command line, e.g.:

Hash: 0b3abf544b18dd390029
Version: webpack 4.29.6
Time: 293ms
Built at: 03/28/2019 4:03:49 PM
           Asset       Size  Chunks             Chunk Names
  ../css/app.css  229 bytes    main  [emitted]  main
Header.bundle.js    3.8 KiB  Header  [emitted]  Header
 + 1 hidden asset
Entrypoint main = main.bundle.js ../css/app.css
[./dev/Header.jsx] 2.68 KiB {Header} {} [built]
    + 21 hidden modules

But as soon as I reload the page, the React components do not render and I get the following message in the console:

Error: Loading chunk 0 failed.
(missing: http://localhost/my-app/react/app/assets/bundle/Header.bundle.js)

Uncaught (in promise) Error: Loading chunk 0 failed.
(missing: http://localhost/my-app/react/app/assets/bundle/Header.bundle.js)

Any idea on how to fix this?

Thank you for your attention.

I'm using your Webpack Config file but the app.css file is not compiling in my project. I've searched and I found that Webpack no longer supports ETWP. It now supports mini-extract-text-plugin.

Kindly update your webpack.config.js file as I tried but it didn't work.

webpack-contrib/extract-text-webpack-plugin#731

app\src\index.js
app\public\index.html