“Invalid Host Header” in When running React App
At your webpack config, you could add disableHostCheck: true at devServer configuration. For example, devServer: { disableHostCheck: true }
webpack-dev-server
Webpack hmr: __webpack_hmr 404 not found
This line in entry array does not play well with webpack-dev-server: webpack-hot-middleware/client because it’s a requirement of webpack-hot-middleware for working with any server other than webpack-dev-server (such as express or some such). I ran into this mixed-server issue by following Webpack tutorials. They should update it so that the entry point for the config file … Read more
Cannot run webpack-dev-server inside docker
You are actualy listening on localhost only. To be reachable from outside replace the following line in your package.json file: “start”: “webpack-dev-server –inline –content-base .” by : “start”: “webpack-dev-server –host 0.0.0.0 –inline –content-base .” Related discussion : https://github.com/webpack/webpack-dev-server/issues/147
Getting “Error: `output.path` needs to be an absolute path or `/`”
As the error message says, you need to use absolute path. To get an absolute path for current directory, You can use __dirname to get the current directory and then append dist/js. So it would be something like, output: { path: __dirname + “/dist/js”, // or path: path.join(__dirname, “dist/js”), filename: “bundle.js” } Both will work … Read more
EXCEPTION: Uncaught (in promise): Error: Cannot find module ‘app/home/home.module’
For Angular 8 and 9, the lazy load declaration changed. Since Angular 8 introduced the new recommended module loading method, previously the default method of lazy loading modules was to specify a string path to a module: { path: ‘auth’, loadChildren: ‘src/app/auth/auth.module#AuthModule’ } The method of importing modules has changed to dynamic import. The dynamic … Read more
How to detect if webpack-dev-server is running?
Update: The environment variable is changed to WEBPACK_SERVE. The webpack dev server will now set the WEBPACK_DEV_SERVER environment variable, allowing for a more robust way to check. const isDevServer = process.env.WEBPACK_DEV_SERVER;
Cannot GET / error running hello world in webpack
Turns out I had index.html in the wrong place. From the webpack docs: To load your bundled files, you will need to create an index.html file in the build folder from which static files are served (–content-base option). I made a copy of index.html in a new folder I called deployment to match what I … Read more
historyApiFallback doesn’t work in Webpack dev server
I meet the same question today. let config in webpack.config.js: output.publicPath be equal to devServer.historyApiFallback.index and point out html file route。my webpack-dev-server version is 1.10.1 and work well. http://webpack.github.io/docs/webpack-dev-server.html#the-historyapifallback-option doesn’t work, you must point out html file route. for example module.exports = { entry: “./src/app/index.js”, output: { path: path.resolve(__dirname, ‘build’), publicPath: ‘build’, filename: ‘bundle-main.js’ }, … Read more
Mocha tests don’t run with Webpack and mocha-loader
Mocha loader won’t run tests while building, it’s used to create a bundle specifically containing your tests which you can then run from your browser. I would recommend creating a separate webpack config file for your tests, which you can then host on a webpack-dev-server that uses a different port from your application. Here’s an … Read more
Proxy requests to a separate backend server with vue-cli
In @vue/cli 3.x: Create a vue.config.js file in the root folder of your project, if you don’t already have one. Have its contents as follows: // vue.config.js module.exports = { devServer: { proxy: { “/gists”: { target: “https://api.github.com”, secure: false } } } }; Now any call to (assuming your dev server is at localhost:8080) … Read more