Category "webpack"

Loading micro frontend root App component's CSS in singleSpaReact on mounting to the host application

colleagues! Need a piece of advice! Micro frontend in singleSpaReact does not load root's component CSS at the mounting, but only page CSS according routing nav

How can I edit compressed JS files

I have had a developer create a website or app in React. This is already on a webserver and does what it should do. Now I want to develop the frontend myself, w

React: Module not found: Can't resolve 'xmlhttprequest'

I'm getting an error when trying to build my React project: ./node_modules/ethers/utils/web.js Module not found: Can't resolve 'xmlhttprequest' in '/mnt/c/User

I get webpack not installed, but webpack --version finds webpack

I am following this tutorial to create a React project with webpack. Everything went smooth until step 4 webpack --config webpack.config.js, where I get this er

webpack-dev-server Cannot find module 'webpack'

I'm trying to use webpack-dev-server to run a simple program but I'm getting this error: module.js:471 throw err; ^ Error: Cannot find module 'webpack

How to distinguish identically named VueJS + WebPack modules in Chrome Dev Tools?

I am developing an application with VueJS bundled by WebPack 4. It has a number of CRUD modules distinguished by a directory for each one, but with same named

Lazy loading translation file in <i18n> tag

I want to reduce my app size and i started from language files. I'm using vue-i18n Single File Components and i can lazy load like this vue-i18n Lazy loading. I

Storybook error when using Webpack5 with Next.JS app + Typescript

I am trying to set up a fresh next.js app using Typescript and Storybook. Following some guides online gets me fairly close but I note that the rendered 'HomePa

Reactjs build failed attempted import error: 'widget' is not exported

I created a new React project with Typescript and I copy and paste old file from another project which is just .jsx file. This file is importing a class called

HMR tls issues with Visual Studio 2022 Vue template

I am using the Microsoft Vue tutorial to create a solution with separate frontend and backend projects. I am using the default configuration that enables tls an

Message 'Caching failed for pack: Error: Unable to snapshot resolve dependencies' when creating a nextjs application

I tried to create a nextjs application; when i run npm run dev, i got the following error message: <w> [webpack.cache.PackFileCacheStrategy] Caching faile

Use both Tailwind and SCSS with cssbundling-rails

In the Rails 6 project I'm working on, we're looking upgrade from webpacker to cssbundling-rails and jsbundling-rails. We currently use Tailwind with SCSS, but

webpack creating 100's of js chunks crippling performance for a single page view with vue cli

We have a vuejs 2 project. We needed some function of dayjs. We abstracted the dayjs into a single utility file and following the guide ended up with this: impo

Next.js and Webpack inline Javascript or CSS ressources

I have the following use case: I need to generate static files with React and Next.js. For that I extended the next.config.js with the following content: module

URIError: Failed to decode param '/%PUBLIC_URL%/favicon.ico'

I am new to webpack and I got the babel loader and css loader to work and project compiles successfully but when I try to access via browser I get the below err

how to configure webpack HMR with express

package.json scripts: "scripts": { "build": "webpack --config config/webpack.prod.config.js", "dev": "webpack --config config/webpack.dev.config.js &a

Module not found: Error: Can't resolve 'path'

I have an Angular CLI project which I just upgraded to Angular 6. Now when I try to build my app, I get the following errors: ERROR in ./node_modules/postcss/

Module parse failed? I need help setting up Babel

I'm writing my first JavaScript library and I'm testing it locally with a React project. I'm not seeing any Typescript errors when I'm writing my code but when

Module build failed (from ./node_modules/eslint-loader/dist/cjs.js): TypeError: Cannot read properties of undefined (reading 'getFormatter')

I am running a simple React/Django app with webpack that is receiving this error on build: ERROR in ./src/index.js Module build failed (from ./node_modules/esli

Laravel Mix + BrowserSync infinite loading out of the box

Something's making my out-of-the-box Laravel project with browser-sync and the browser-sync-webpack-plugin installed to load infinitely on the browser-sync page