Level 80
@smartcoder You can’t, because Mix is running on your computer and not in the browser.
Dec 17, 2021
10
Level 1
How to display errors on the screen on Laravel Mix?
Now only display in the console and in the browser console, which is not very convenient for development. How can you display these errors directly on the browser screen?
Laravel Mix Version: 6.0.6
@babel/[email protected]
├── @pmmmwh/[email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]
Node Version (node -v): 17.0.1
NPM Version (npm -v): 8.1.0
OS: mac OS
Level 1
@martinbean when i run react-scripts start, I can display errors on browser screen, i'm sure that i can do it for the mix, I've already dug up the entire Internet
Level 102
@smartcoder something like this? https://www.npmjs.com/package/error-overlay-webpack-plugin
Level 1
@Sinnbeck yes, but i can't connect this to mix
Level 102
@smartcoder oh why not?
Level 1
@Sinnbeck because i have white screen and nothing changes
mix.webpackConfig({
// stats: 'normal',
devtool: 'cheap-module-source-map',
plugins: [new ErrorOverlayPlugin()],
})
Level 1
I deliberately made the mistake of the unknown variable oops, ibb.co/MPVJRs3
Level 1
Have an idea with static getDerivedStateFromError(error) {}
in React App, it works of course, but maybe there is another solution?
Level 1
up?
Level 1
In the end, I solved the problem with installing a clean application npx create-react-app, and replace react-scripts to package react-app-rewired, it solved the problem
Please or to participate in this conversation.