3,237 questions
-1
votes
0
answers
47
views
Unable to download webpack in windows [closed]
I have latest version on node (v25.0.0) and npm (11.4.2) but still unable to download.
I used below command
npm i --save -D webpack
It gave me
up to date, audited 18 packages in 6s found 0 ...
- 2,626
2
votes
1
answer
60
views
Webpack build suddenly failing because of `react-dev-utils` [closed]
I am suddenly unable to build my Webpack frontend, I randomly began getting this error despite not making any changes to the code:
Starting the development server...
/home/username/Documents/frontend/...
- 2,373
0
votes
0
answers
119
views
Issue with running the web build after upgrading to Expo 53 and React Native 0.79
enter image description here
What I tried:
Updated to Expo 53 and React Native 0.79.
Added babel-loader to webpack.config.js to transpile @ui-kitten/components and react-native modules.
Set up babel....
- 1
2
votes
2
answers
222
views
When in development mode, unable to GET bundle.js file, fails with 404 Not Found [closed]
While trying to run the application locally, browser is not able to load bundle.js:
This is the setup to load bundle.js inside index.html:
<script type="text/javascript" src="/...
- 524
0
votes
1
answer
440
views
Webpack Hot Module Replacement (HMR) and Live Reload Not Working for JS and HTML Changes
I’m working on The Odin Project's Restaurant Page project and using Webpack to bundle my code. However, when I make changes to src/index.js or src/template.html, they are not reflected in the browser ...
- 11
3
votes
1
answer
117
views
How to show string array resource?
From a project generated con Kotlin Multiplatform Wizard
I'm testing a web application with wasmJs ([email protected])
If I try to display a value from an array string loaded from string ...
0
votes
1
answer
232
views
webpack-dev-server WebSocket error: read ECONNRESET at TCP.onStreamRead
I'm facing this problem for a websocket proxy ws/**:
<i> [webpack-dev-server] [HPM] Upgrading to WebSocket
<e> [webpack-dev-server] [HPM] WebSocket error: Error: read ECONNRESET
<e> ...
- 85
1
vote
0
answers
26
views
webpack doesn't work when migrating files from .jsx to .tsx
after setup TypeScript for a React project I encountered a problem with webpack-dev-server's hot reload while migrating .jsx files. Whenever i take an existing .jsx file and change the name ending to ....
- 21
0
votes
0
answers
7
views
Containerized Webpack setup is not responding to file changes from mounted volume
I have a setup in which the changes of files in mounted volume is not being caught by Webpack. I have checked inside the container and the changes are happening to the file but Webpack is not catching ...
0
votes
1
answer
63
views
Why can not find the source vue component file in browser developer tool if vue component is written in typescript?
I am using vue2, my build tool is [email protected]. In order to debug the vue source component file easily, I add a configuration in output.devtoolModuleFilenameTemplate, the code is as below:
const ...
- 605
0
votes
0
answers
42
views
ERROR in ./node_modules/vuex/dist/vuex.esm-bundler.js vue-app
The app runs properly in npm reun electron:serve while running the command npm run build and npm run electron:build these error occurs
error in ./node_modules/vuex/dist/vuex.esm-bundler.js + 5 ...
0
votes
1
answer
58
views
Webpack 5 hot reload from different port (seperate application using the build)
The issue I'm stuck on is hot reload is trying to go to localhost:8000/build (where the application build is being used)
instead of localhost:3000/build which is the webpack-dev-server build location.
...
- 83
0
votes
0
answers
409
views
TypeError: Cannot read properties of undefined (reading 'tap') after moving index.html inside client folder in React project
I encountered an issue after restructuring my React project by moving the index.html file into a client folder. I started getting the following error when trying to run my development server:
[webpack-...
- 333
1
vote
0
answers
69
views
How to fix webpack breaking for a specific package?
So, lately, I've been tasked to develop a new tool, and to accomplish that I needed to install the @mui/x-charts package. After I was done coding and testing, I tried to build it for production, ...
- 33
0
votes
0
answers
79
views
webpack-dev-server error: "Cannot GET / "
I am trying to run a Webpack Dev Server. I am using TypeScript.
I receive the following error when I open my http://localhost:8080/ I receive the error:
Cannot GET /
Here is my webpack.config.js file:
...
1
vote
0
answers
106
views
Angular 17 Nx Dynamic Module Federation Webpack ModuleFederationDevServer CORS on node modules
Access to script at 'node:module' from origin 'http://localhost:4200' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: chrome, chrome-extension, chrome-...
- 13
1
vote
0
answers
49
views
Twilio Flex crashes when loading hotmodulereplacement webpack plugin
I'm trying to load hotModuleReplacement webpack plugin in my TwilioFlex plugin but I cannot figure out how to do it.
As suggested in the documentation, I try to modify the config object from the ...
0
votes
0
answers
294
views
React Native: debugging in chrome, no original source files available
I have a react-native application written in typescript which is bundled and deployed localy through webpack-dev-server.
I've been trying to debug the application in VSCode. I've successfully compiled ...
- 506
0
votes
1
answer
51
views
Image won't load in webpack build
slider.js
...
const initialize = (pImages) => {
pImages.forEach((image) => {
const sliderItem = document.createElement("img");
sliderItem.src = image.src; // this line result ...
- 1
0
votes
3
answers
319
views
How to set up webpack devServer config to build another target
My project is using webpack v5.89.0.
The package.json has start and prerelease script targets:
scripts": {
...,
"start": "webpack serve --mode development -c webpack.config.js&...
- 97.3k
0
votes
1
answer
47
views
CSS/SCSS attached file names not showing in browser in React Webpack project
In the google chrome browser Inspect element on any element CSS is showing as ..., but CSS/SCSS file names not showing in the browser inspect element.
I am working on a React micro-frontend project; ...
- 21
1
vote
0
answers
89
views
Getting webpack_dev_server_1.default.addDevServerEntrypoints is not a function after running npm run start
I added something under "Resolutions" in my package.json file to resolve some vulnerabilities. Running npm install and npm run build works fine as expected. However after running npm run ...
- 11
1
vote
0
answers
132
views
Webpack + docker + hot reload 404 page not found
I am trying to get successful hot reload behavior using react + webpack5 + docker.
I have tried many ways. The main difference was noticed with “writeToDisk” option. If it is false, my /app/dist ...
0
votes
0
answers
75
views
How to attach url params to webpack dev server host?
I use webpack dev-server with npm and having simple config file all works perfectly except that I would like to have dev-server runnning the browser with additional url params attached to 'host' url.
...
- 27
1
vote
1
answer
80
views
Webpack configuration not working for jsx file with babel lorder
When runing the react project which is configured with webpack and babel loder is giving and error saying unexpected token in jsx files.Please find bellow error snippit
ERROR in ./src/index.js 10:12
...
0
votes
0
answers
25
views
Vue2.x vue custom element when i passed param like 111. the dot at the end was removed. Is it well known issue? How to fix it
Vue2.x vue custom element when i passed param like 111. the dot at the end was removed. Is it well known issue? How to fix it.
Step
npm run build vue file
use file from /dist in php project
Problem ...
0
votes
0
answers
79
views
webpack is not compiling the code and writing it into output file
I am new to webpack and currently trying to see how it works, it should compile my typescript code and put the equivalent JS in the output file when I run the following command
webpack serve
here is ...
- 795
1
vote
1
answer
33
views
webpack: suppress second "webpack compile successfully" line with constant timestamp
I am able to suppress webpack logs to below.
Logs for 3 compilations below:
Webpack bundle stats plugin took 10174 ms
2024-06-14 13:42:29: webpack compiled successfully
2024-06-14 13:40:31: webpack ...
- 480
1
vote
0
answers
59
views
DevServer is not reloading files after html-bundler-webpack-plugin was installed on WebPack5
Hello Guys I've been working on creating a local dev env using Webpack to develop sites, the devServer.watchFiles was working until I installed the html-bundler-webpack-plugin I've tried all read all ...
- 21
1
vote
1
answer
42
views
why is my weback server not reloading live? [closed]
I have just installed a Webpack server which also works. But it annoys me that I always have to reload the browser. So I tried to improve this with hot;true. It still does not work. This is a plain ...
- 11
1
vote
1
answer
591
views
Django and Webpack5 - Implementing modern Javascript Tools
I am working on a Django project and want to enhance the front-end using npm and webpack5. My web development experience has been primarily with Django, and I'm new to npm and webpack. I've run into a ...
- 133
0
votes
0
answers
48
views
how to get bundles in the directory defined by output.path when using webpack-dev-server
I'm reading the webpack5 doc. In the document's Guides -> Development -> Choosing a Development Tool -> Using webpack-dev-server,there is a tip as follows
webpack-dev-server serves bundled ...
- 11
1
vote
1
answer
35
views
Vue Webpack app does not recognize style classes
I am making a web application in vuejs and webpack but, webpack won't load the style classes declared in my component (style components).
Apparently, the problem could be that the style-loader is ...
2
votes
2
answers
427
views
Webpack dev server display doesn't source map my error
When I run my app on webpack server (webpack serve --open --config webpack.dev.js) I am testing the error source mapping. In a file print.js I have a bug. When I open the website from the server it ...
- 21
0
votes
2
answers
185
views
Webpack dev server includes runtime modules into entry bundle
I have very simple webpack configuration for one Typescript file as the entry (partial config) ...
config.entry = {
launchEventsJS: {
import: "./src/taskpane/launchEventsJS.ts",
...
- 7,043
0
votes
1
answer
434
views
Hot reload not working on webpack 5.91.0 and webpack-dev-server 5.0.4
After updating webpack from version 4.46.0 to version 5.91.0, hot reload stopped working (not to be confused with live reload).
Previously, the hot loader worked thanks to the library @pmmmwh/react-...
1
vote
0
answers
49
views
Compilation error using @tensorflow/tfjs-node in Scratch3 development
I am working on building an extension for Scratch3 to do machine learning using tensorflow.js. I forked out a repo from here. When I try to start, it ran into compilation error.
Environment details:
...
- 11
0
votes
0
answers
63
views
webpack-dev-server electronjs with reactjs configuraction
I have a problem with electronjs app with reactjs using webpack-dev-server.
I trying to
npm start
that setup and in console application is starting succesfuly but application window does not showing ...
0
votes
1
answer
285
views
AzureDevOps build pipeline takes too long after webpack upgrade(more then one hour)
I joined a project which has a ci/cd pipeline, Recently i did some updates/upgrades on some dependencies spacially webpack version from "webpack": "^4.46.0" to "webpack": ...
0
votes
0
answers
22
views
How to force angular while executing take files from /dist folder (now webpack takes them from it's memory)
The problem is that we have to test code coverage in our angular project. So we use nyc, nyc modified source files(and insert some code to collect code coverage), but the issue is that while serving ...
0
votes
1
answer
496
views
Why does webpack-dev-server infinitely reload?
I forked (not ejected) Create React App 5 and have modified it slightly to fit my application: I change PUBLIC_URL to be file://build/ (I have an Electron app that loads a HTML file using file:// but ...
- 181
0
votes
1
answer
86
views
Webpack - Typescript aliases error in production mode only
I'm having a problem with a React project configured with Webpack and using Typescript. Containerized with Docker (CI/CD with gitlab) .
Before we didn't use aliases on our project and builds in ...
- 276
2
votes
0
answers
407
views
Payload CMS webpack caching error (with website template)
I wanted to give Payload CMS (website template) a try and followed the documentation to install it in a new project.
After following each step accordingly, running it via npm run dev lets webpack ...
- 33
1
vote
0
answers
236
views
ModuleFederation with react - not able to load multiple remotes into main
I am trying to learn microfrontend with reacts using modeuleFederation but facing an issue.
I have 3 projects inside my director which are like
main - running on port 8080
remote 1 (products) - ...
- 119
0
votes
0
answers
89
views
Vue 2.7 + webpack: all variables inside debugger are undefined / null
We have a Vue 2.7 SPA at my workplace.
Nobody ever configured a dev build for it, nobody ever used a debugger (it's a docker-compose environment).
I'm currently implementing the dev build, and so far ...
- 2,124
2
votes
1
answer
250
views
webpack 5 with HMR enabled - everything (even CSS changes) causes a full reload
I've got a small Typescript/React repo using webpack 5.72. With Hot Module Replacement enabled, I'd expect to be able to make component or CSS changes and have only the changed component or style ...
0
votes
2
answers
235
views
Unable to upgrade webpack and make it work with ESM
I am using a webpack on a project with webpack.config.babel.js so I can use esm systax
I have this babel config
"babel": {
"presets": [
[
"@babel/preset-env",
...
- 2,678
10
votes
4
answers
8k
views
Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. "_assetEmittingPreviousFiles"
I am using webpack - v5.90.3, webpack-cli - v5.1.4, webpack-dev-server - v5.0.2
In my webpack.config.dev.js:
const path = require('path');
const webpack = require('webpack');
module.exports = {
...
- 101
0
votes
1
answer
189
views
Rust Wasm and webpack-dev-server 5: Module not found
I'm trying to write hello, world with rust and wasm. Dev server works with
"webpack": "^4.29.3",
"webpack-dev-server": "^3.1.5"
but if update to
"webpack&...
- 331
-1
votes
2
answers
205
views
Is there a simple or idiomatic way to access a file in an Angular unit test?
I have the default setup for unit tests (Jasmine and Karma). I need to write a unit test for a function that reads a provided Element node from an XMLDocument. While I could generate the DOMs ...
- 117