Questions tagged [webpack]
Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it can also transform, bundle, or package just about any resource or asset. Webpack takes modules with dependencies and generates static assets representing those modules. Webpack enables extensibility and promotes best practices in web architecture and performance.
webpack
42,803
questions
0
votes
0
answers
39
views
Module not found / build failed in my yarn workspaces monorepo
I am combining my React web application with my Expo React Native mobile app into a monorepo using yarn workspaces because they both need to share some utils, queries, etc. My file structure is ...
0
votes
0
answers
13
views
VS Code firefox-debug unable to hit breakpoints for angular app (docker)
I am running:
ubuntu 24.04
VS Code installed, with firefox-debug extension
Docker compose my web app
I can launch a browser hosting my web app from VS Code, but I am not able to hit any breakpoints. ...
0
votes
0
answers
31
views
(Firebase App hosting) Error: Only the Angular application builder is supported
I'm working on an Angular project where I need to use environment variables managed by dotenv. For this, I've been using the custom webpack builder provided by @angular-builders/custom-webpack:browser....
0
votes
0
answers
18
views
VS Code/Chrome Debugger Causes Breakpoint in Angular Application Generated Webpack File
I have an angular application that I work with using VS Code and Chrome running with the debugger port set to 9222. However, the debugger likes to throw its own breakpoints into the webpack-generated ...
0
votes
0
answers
10
views
How to fix chaining loader issue
This is the error I am facing -
common_app.chunk.js:158268 ./node_modules/@netless/synced-store/node_modules/value-enhancer/dist/index.js 27:29
Module parse failed: Unexpected token (27:29)
You may ...
0
votes
1
answer
22
views
Error running webpack after adding typescript to existing JS project
I'm having difficulty incorporating Typescript to my JS project which uses webpack. Here is my webpack.config.js:
const MonacoWebpackPlugin = require("monaco-editor-webpack-plugin");
const ...
0
votes
0
answers
17
views
using CSS-Loader, Style-Loader with ngtools is generating TypeError: at ShadowCss.shimCssText (compiler.mjs)
`I am creating Angular V-18 project without CLI and but i cannot find the solution for this one
my package.json
my tsconfig.json
webpack.config.mjs
const __filename = fileURLToPath(import.meta.url); ...
0
votes
0
answers
20
views
Deployment crashes when building with new image
I have an react, typescript and webpack application deployed using cloudflare pages. On the last modification I tried adding a new image on my page but the deployment fails to find that particular ...
0
votes
0
answers
40
views
Appropriate loader to handle this file type .mjs | webpack
I recently added @radix-ui/react-navigation-menu to my project. However, upon attempting to rebuild, I encountered the following error message: the error..
Interestingly, other components from the ...
1
vote
0
answers
20
views
Webpack Duplicate Image File Issue and 404 Error with React App
I am working on a React project with Webpack to bundle my assets. My issue is that Webpack is creating duplicate image files in the dist/images directory, and my application is also encountering a 404 ...
0
votes
1
answer
26
views
Avoid url resolution in scss files in Angular
I did a css -> scss migration on an existing Angular project using schematics-scss-migrate. Everything works fine except the URL's, if any, in scss files. So I found out that in scss files the URL'...
0
votes
0
answers
17
views
Webpack dynamic import in node.js app doesn't work: MODULE_NOT_FOUND
I am trying to import a js file at runtime:
const migrationsDir = path.resolve(__dirname, '../migrations/tenanted');
import(path.join(migrationsDir, '1681831306977-initial-schema.js'))
.then(() =>...
0
votes
0
answers
14
views
Can't run TypeOrm migrations with webpack: MODULE_NOT_FOUND
I have node.js app built with webpack. I am following this FAQ
My webpack config has one entrypoint for the migrator script, and multiple entrypoints for migration files:
const commonConfig = require('...
1
vote
1
answer
46
views
+50
Problem when requiring packages bundled with webpack
I'm able to use libraries with node like:
const API = require("api");
const Service = require("service");
however, when I bundle the js file with webpack, it doesn't work and I ...
0
votes
0
answers
22
views
Build failed in Storybook webpack config caused by svg
this error occurs when launching storybook, all svg that i use in the application cause an error
in ./src/shared/assets/icons/about-20-20.svg ...etc
Module build failed (from ./node_modules/@svgr/...