42,742 questions
0
votes
0
answers
13
views
Webpack Module Federation Uncaught TypeError: Cannot read properties of undefined (reading 'PublishButtonWidget')
I have a host app and microfrontend on React. Microfrontend exports a few components in my host app using webpack module federation (PublishButtonMF). But when they are loading on page I get error:
...
- 21
-3
votes
0
answers
20
views
I am getting these webpack errors while trying to add custom button using buttonView class in my ckeditor5 in angular 16. How can i rectify this error
Error:
./node_modules/@ckeditor/ckeditor5-ui/theme/components/button/button.css:6:0 - Error: Module parse failed: Unexpected character '@' (6:0)
You may need an appropriate loader to handle this file ...
1
vote
0
answers
29
views
Webpack Configuration
I have folder structure like below
temp
|- package.json
|- package-lock.json
|- webpack.config.js
|- /src
|- /components
|- /button1.js
|- /button2.js
|- /id_selectors....
- 41
2
votes
1
answer
76
views
Can't resolve 'querystring' in old dependency
I have an old React app which I'm trying to run locally, but I encountered some issues regarding querystring and pollyfils. Here are my files:
packages.json:
{
"name": "test-immersion&...
- 463
0
votes
2
answers
43
views
Vite Build Fails with 'Failed to Resolve src/indexReact.js' Error in React Project
vite v6.2.0 building for production...
file:///C:/Users/abcd/project/node_modules/vite/dist/node/chunks/dep-ByPKlqZ5.js:41876
new Error(Failed to resolve src/indexReact.js from C:/Users/abcd/project/...
- 1
-1
votes
0
answers
17
views
Webpack JS code loading but not executing on external domain
I have a Rails app, in which I built an embeddable widget. The setup is as follows:
app/views/widgets/review/show.js.erb:
<%
widget_data = @response_object.serializable_hash
answers = ...
- 2,091
0
votes
1
answer
13
views
next.js figlet Error: ENOENT: no such file or directory, open 'pathToProject\.next\server\fonts\Standard.flf'
I created a new next.js app using npx create-next-app@latest (next.js 15 at the current time)
Then I removed the node_module folder and run
pnpm install
It was successful and with
pnpm run dev
I saw ...
- 559
-3
votes
0
answers
27
views
@types/webpack dependency suddenly started giving error
Recently I believe some changes were made to webpack dependency due to which I'm unable to deploy the service. This is the code snippet in types.d.ts file which was changed.
Old Version
type ...
0
votes
0
answers
41
views
Error when using RSPack and Module Federation
I have an application using React v18 that used to use WebPack to create a host and many child applications. Everything was working well in both dev and production mode.
I updated to React v19 and ...
- 1,332
1
vote
0
answers
35
views
NEXT JS Static Website Unhandled Runtime Error: Error: Failed to load chunk static/chunks/node_modules_85ff16._.js from module
I checked a similar Q&A on the forums but could not find the answer I was looking for. I am developing a static website with NextJS, Framer Motion, Tailwind, and SCSS. Everything was fine until I ...
0
votes
0
answers
19
views
What can be used in place of compileType in the css-loader configuration for Webpack 5+?
I'm using Webpack 5+ and [email protected], postcss-loader @8.x but I've encountered an issue after upgrading. The compileType option, which was previously used in the css-loader configuration, is now ...
0
votes
0
answers
51
views
React Refused to load the script bundle.js because it violates the following Content Security Policy directive script-src-elem 'none'
I have huge troubles getting CSP to work. Background is, I was creating a new web application based on react. The deployment should happens on Azure "Static Web Apps". Thus, the JavaScript ...
- 717
2
votes
1
answer
49
views
Optional dynamic import that both Webpack and Vite are happy with?
I have a library that has an optional dependency and handles it using a dynamic import in a try catch block, like so:
let someModule = null;
try {
someModule = await import ("may-not-exist"...
- 475
0
votes
0
answers
25
views
Laravel Mix error with resolve.extensions when building Fomantic UI
I'm trying to resurrect an older Laravel project (5.8.38) that used Semantic UI for styling the user interface. Since Semantic UI is no longer being developed, I'm also switching to Fomantic UI. I'd ...
- 527
0
votes
1
answer
46
views
laravel-mix and webpack: command not found
I'm working on resurrecting an older Laravel application. My package.json is non-controversial:
{
"private": true,
"scripts": {
"dev": "npm run development&...
- 527
0
votes
0
answers
29
views
webpack-cli TypeError: Cannot read properties of undefined (reading 'getArguments')
I am trying to deploy my application and getting this error. Locally it is working perfectly fine here is the complete stack trace:
2025-02-20T09:20:27.0519522Z > [email protected] build
...
- 19
0
votes
0
answers
37
views
How to fix TypeError: _interop_require_wildcard._ is not a function
I'm trying to start my app, but I see empty page and follow message in console. This happens unexpectedly, I did change version of one dependency in my package.json and this problem appeared, after ...
- 1
-2
votes
0
answers
33
views
Using Shoelace with Symfony
I want to add user interface Shoelace to my symfony 7 project.
I'm using Encore as a bundler.
I can't succeed to add assets from shoelace in my node-module to the symfony project asset.
All the models ...
0
votes
0
answers
26
views
How to start and launch my react application in production mode
I have created webpack config(using "webpack": "^5.88.2") for production mode and when i run npm/gulp build, its building the code. But, can someone help to share how to start the ...
- 513
0
votes
0
answers
16
views
How to import Stream.Transform in Webpack >5?
I have a project with dependencies that rely on node.js type libraries, like Buffer and Stream.
I have added the following to Webpack config:
cfg.resolve.fallback = {
...cfg.resolve....
- 425
0
votes
0
answers
31
views
Chrome extension with React and Webpack - Injection of react into page
So I have this project with React 19 and typescript and am using Webpack to compile my code. I have successfully added react to pop-up, but I have problems when I compile my content script (overview....
-1
votes
0
answers
39
views
Node modules source files are not showing in browser source tab with vite config in react
I am working on migrating webpack to vite config in our react project.
But I am oberving a wierd issue, when I run the application locally on browser and tried to debug source files from node modules (...
-1
votes
0
answers
38
views
Non-Vite Way of TypeScript Types Checking in ".vue" files for 2025
From the version 8.0.0, fork-ts-checker-webpack-plugin has dropped the support for the .vue files.
The vue-type-check is not compatible with
[email protected] and higher while "^3.9.6" is too ...
- 1,011
0
votes
0
answers
30
views
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is the error message i always getting
I'm getting this error In Create React app, and can't resolve it.
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if ...
- 111
0
votes
1
answer
216
views
Docker issue: cannot find module '@tailwindcss/oxide-linux-arm64-gnu'
I've only started with Docker. Trying to build a simple app (client + server) in Docker and can't solve the issue with Tailwind dependency 🤯 Server builds OK. Client builds but the app crashes ...
- 11
0
votes
0
answers
7
views
Module not found: Error: Can't resolve 'D:\my-cypress-project\node_modules\@badeball\cypress-cucumber-preprocessor\loader' in 'D:\my-cypress-project'"
I have created BDD Cucumber framework in cypress and while executing feature file, I am getting below error.
Error: Webpack Compilation Error
Module not found: Error: Can't resolve 'D:\my-cypress-...
0
votes
1
answer
34
views
Preserving original global namespace in transpiled JavaScrip
In my web applications, I have many JS files that I include in the HTML body. They define many symbols that I can use directly in <script> elements. Now, I need to use these applications inside ...
- 4,438
0
votes
1
answer
66
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
1
vote
1
answer
186
views
CSS files have a lot of unwanted code after running npm run build
I have created Webpack 5 demo for plain HTML, CSS and JS using TailwindCSS v4.
GitHub: sanketpbhamre/tailwind-4-webpack-5
Webpack CSS configuration
module: {
rules: [
{
test: /\.(s[ac]|c)...
- 644
0
votes
0
answers
37
views
Dynamically loading NodeJS modules on Lambda using webpack
I'm struggling to dynamically load modules when running a NodeJS service on Lambda after bundling the service with webpack. This runs fine locally when I run transpiled TypeScript directly out of my ...
- 2,609
2
votes
1
answer
45
views
How do import and use a TypeScript class from a module on my HTML page?
This seems like something so elementary, but I've wasted so much time struggling with it. I've gone through dozens of different resources, documents, and Stack Overflow questions, and if the answers I ...
- 39
0
votes
0
answers
45
views
Facing issue of Can't find stylesheet to import when using webpack and sass loader
In our original setup of react + webpack, when running npm start we are facing "Can't find stylesheet to import" issue. But this happens only in Windows and not in MacOS.
To replicate this ...
0
votes
0
answers
21
views
angular-devkit/build [email protected] -> license-webpack-plugin no such file or directory, scandir
while working on my angular project, i can run the dev angular server.
but when i want to build my project with ng build or ng build --configuration production.
im getting an error
An unhandled ...
- 1,564
1
vote
1
answer
103
views
How to implement clear cache, cache busting for Module federation in React? (For both host and child modules)
I recently encountered an issue whereby the browser always cache the previous version even though a newer version of deployment has been released. The users always need to keep on refreshing or ...
- 11
-1
votes
0
answers
51
views
Azure Blob Storage Static Website React SPA routing fails after Webpack compression changes
I'm working with a React Native Application web SPA, built with Webpack and hosted on Azure Blob Storage Static Website.
My issues began when I added the CompressionPlugin to speed up my build time ...
- 567
2
votes
0
answers
108
views
NextJS build error in github actions. Module not found, build failed due to webpack error
I've been trying to deploy my NextJS website to Azure App service, via github actions. But I keep getting this error at the build stage.
▲ Next.js 14.2.22
Creating an optimized *** build ...
Failed ...
- 21
0
votes
0
answers
55
views
Reloading any react route is giving error for public and protected routes
I am trying to implement public, private and unprotected routes in react app (webpack based).
We have defined routes where we have added public, private and unprotected routes.
The app is loading '/...
- 73
0
votes
0
answers
9
views
No sourcemaps when output.filename has .jsm extension
If the value for 'filename' in the 'output' section of a webpack configuration is set to a name that ends in '.jsm', no source map file is stored in the output directory, even if the babel loader is ...
0
votes
0
answers
27
views
Serving static assets on local node microservices with caddy
I have a couple of React applications running locally with WDS on different ports.
landing - running on port 3000 (http://localhost:3000)
account - running on port 3100 (http://localhost:3100)
help - ...
- 21
0
votes
0
answers
48
views
The current testing environment is not configured to support act(...)
I'm using a React app with module federation and webpack. I've recently updated all the micro UIs and the host from react 18 to react 19.
The production build works fine with no warnings or errors, ...
- 1,332
0
votes
0
answers
43
views
How to configure Webpack in Next.js to avoid chunk duplication for shared files?
I have a problem with the way webpack bundles my files.
Consider the following files:
// utils/index.js
export const funcA = () => {
return "funcA in CompA";
};
export const funcB = ()...
1
vote
0
answers
51
views
CSS Files in Devtool-Inspector are not clean
CSS Files in DevTools Inspector Contain JavaScript and Appear Duplicated
I'm encountering a strange issue in Chrome DevTools (Inspector) while debugging my project. The CSS files are not clean—many of ...
0
votes
0
answers
66
views
High RAM Usage in Angular Build with Browser-ESBuild Script Optimization
I'm encountering a strange issue when switching my Angular build system from Webpack to ESBuild.
When using:
"builder": "@angular-devkit/build-angular:browser"
Everything works ...
- 104
0
votes
0
answers
89
views
Streamlit app is not displaying the custom component due to frontend asset loading issue
Problem Description
I'm integrating a custom JavaScript component with a Streamlit application. When I run app.py, the app displays an error message in the browser indicating it cannot load the ...
- 1
1
vote
0
answers
64
views
NestJS + Webpack + pnpm workspace Error: Cannot find module
I have pnpm workspace and I want to import it to my nestjs app
Webpack compiled successfully, ide don`t show error and I got strange path for module in error
Import
import { deviceController } from '...
- 11
0
votes
0
answers
21
views
Webpack (Craco) code splitting on build (environment-based splitting)
We have a React Craco app which we serve to different markets/countries. This means the majority of the code is used by all markets, but also every market has its own code (components, functions, etc.)...
- 69
0
votes
0
answers
44
views
Apparent dynamic imports from ajv/dist/runtime in vendor.js build from Angular 18 using latest 8.17.1
I am using latest version of AJV Ajv JSON schema validator in an Angular 18 project. I have a single file that imports the AJV libary, sets up its options and uses it to validate my app's JSON. I can ...
- 40.2k
0
votes
1
answer
191
views
Laravel Mix don't build with Tailwind v4
When I use Laravel Mix with the mix watch command, changes in an imported scss file do not cause a rebuild if I include TailwindCSS
app.scss
@forward "tailwindcss";
@forward 'test.scss';
...
- 21
1
vote
0
answers
42
views
React 19 HMR: weird bugs in a hello-world project
1st issue: The error gets shown right before the HMR reloads (not updates) the page after changes are made.
2nd issue: HMR reloads the page instead of updating trivial components (App).
./package....
- 137
0
votes
0
answers
23
views
File pathing & access across app, design system, and 3rd party lib
Running into an issue where a 3rd party library (intl-tel-input) that's used in a design system library (my-design-system) as part of a "UserProfile" component has some broken visual styles ...
- 406