42,381 questions
2
votes
1
answer
70
views
Chrome DevTools source file not focusing when breakpoint hits in Angular 19 with Webpack 4.47.0
Environment:
- Angular Version: 19.2.6
- Angular CLI: 19.2.7
- Chrome Version: 146.0.7680.165
- Node: 20.17.0
- OS: Windows 10 x64
- Webpack: 4.47.0
Problem:
When debugging Angular 19 project in ...
0
votes
0
answers
48
views
How to create SharedWorker with crossOriginIsolated = true in next.js
If I am trying new SharedWorker("./worker.ts", {...}) I have "failed to fetch worker scipt", if I build it with tsup to .js first I have crossOriginIsolated = false (I have all
...
Tooling
0
votes
1
replies
87
views
How to use SVG sprites in Rspack?
I'm migrating from Webpack to Rspack and previously used svg-sprite-loader to generate SVG sprites.
It doesn't work with Rspack because it relies on internal Webpack APIs (NormalModule....
0
votes
0
answers
60
views
Using Dotenvx with Electron, Electron Forge, & Webpack
I am trying to decrypt and import my env variables with Dotenvx. Previously we were using the traditional dotenv package which all worked. We want to switch to dotenvx for the encryption capabilities ...
0
votes
1
answer
48
views
How can TailwindCSS be installed and used in Webpack without PostCSS?
I noticed that in TailwindCSS v4, PostCSS was removed, and under the hood everything is handled entirely by LightningCSS, so no extra PostCSS plugins are needed. Because of this, they were able to ...
0
votes
1
answer
111
views
Next.js webpack error on first run (port 3000) but works on second run (port 3001)
Problem
I'm experiencing a strange behavior with my Next.js 14 project. When I first run npm run dev, the app starts on localhost:3000 but shows a webpack error. However, if I run npm run dev again (...
Tooling
1
vote
5
replies
151
views
Large build size for Electron app using vite and electron-builder due to node_modules
I have an Electron app that I build using webpack + electron-forge. I consider to migrate to vite + electron-builder. The migration succeeded quite smoothly, and dev experience with vite is way better ...
1
vote
3
answers
112
views
Content not displaying in div using webpack
I am trying to print text and an image to a div using webpack but it does not seem to be working. Only the buttons display but the text and the image does not. Please can you take a look at my code ...
Tooling
1
vote
1
replies
242
views
Workbox service-worker with turbopack in production (next 16)
I want to create PWA that works offline (cache static assets, API requests, images, etc) and using PWABuilder make a native mobile app for android and IOS at once.
My tech stack:
- [email protected]....
1
vote
0
answers
89
views
Implementing a Chrome extension using Angular 21 and TypeScript [duplicate]
I’m trying to implement a chrome extension using Angular21. I need to compile background script, that is written using TypeScript. For this I need to compile background script inside Angular build. I ...
-1
votes
1
answer
117
views
Webpack and Ts-loader cannot generate a proper ESM JavaScript code to import a module and run it in Node
I am trying to convert a TypeScript file (test.ts) into an ESM JavaScript file (bundle.js) via webpack, ts-loader, and node (from NodeJS). For this purpose, I created a webpack.config.js and tsconfig....
1
vote
0
answers
125
views
webpack's bundle is pointing to typescript module.ts, instead of transpiling first to module.js and referencing to module.js
I have a main src/app.ts file in which i import a ./src/my-module.ts file.
The bunlde file ./dist/app.bundle.js (that i get after executing webpack command) still references to ./src/my-module.ts.
...
3
votes
2
answers
104
views
How to configure webpack with MiniCssExtractPlugin to avoid small js chunks?
In our webpack configuration we use MiniCssExtractPlugin to extract style to separate static files, it works fine, but when we use dynamic import for css it generates two files: one css and another js....
0
votes
0
answers
64
views
Error when wrapping import function in nodejs
I have the following code:
src/main.js
const importModule = async (moduleName) => {
const mod = await import(moduleName);
return mod;
};
const fs1 = await import("fs");
const fs2 = ...
1
vote
1
answer
177
views
Module not found: TypeError: Cannot read properties of undefined (reading 'tap'), The loader "./.component.scss" didn't return a string
I recently upgraded a microfrontend project built with Single-SPA and Angular from version 13 to Angular 18. After the migration, I noticed that the styles are completely broken or not loading as ...