Category "webpack"

BrowserSync Webpack in Docker

I have 3 containers, one for the DB, one for the php/apache and the last one for webpack. My website is a Wordpress blog. I don't usually use Docker but I wante

How to add all page specific entries from dependency

I'm currently upgrading an existing app with legacy per-page frontend javascript and CSS to Symfony's Webpack Encore. The app and it's dependencies each supply

Facing BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default error

Hey Everyone i am facing error on my react app please help me. I am a beginner so i don't know much about react your help is appreciated Console image Total 32

ASP.NET Core CSS Isolation with Webpack

My ASP.NET Core RazorPages project uses Webpack. I also want to use CSS Isolation. Every RazorPage Foo.cshtml has an associated css file Foo.cshtml.css. These

Webpack-dev-server "Cannot GET /"

i'm trying to get my webpack-dev-server to run but i face always the error "Cannot Get /" at the browser. I know that there are serveral questions with the same

webpack AngularCompilerPlugin hostReplacementPaths in angular 13 doesn't work

After I've upgraded angular from v11 to v13 I found that I can't use hostReplacements from the AngularCompilerPlugin const angularCompilerPlugin = config.plugin

What does the mode parameter do in the webpack.config.js file?

I am working on a project using Webpack, and I happened to notice a parameter in the object called mode. According to the documentation, it has two possible val

SyntaxError: Unexpected reserved word => prettier/third-party.js

I'm pretty new to Node, npm and webpack. I'm trying to set up a Craft 3 environment with Tailwind css. Everything worked fine out of the box, but when i run npm

Electron Differential updater produces large amounts of changed blocks even when minimal changes were done. Am I doing something wrong?

I'm working on a project built on Electron. We've set up for differential updates through electron-builder (with nsis-web, and a separate differential updater b

Getting "Uncaught ReferenceError: i is not defined" error whenever I want to use an exported element from another file

I'm developing a chrome extension using webpack and babel. I have this popup.js: import 'regenerator-runtime/runtime' // This is required in every JS files that

Getting "Uncaught ReferenceError: i is not defined" error whenever I want to use an exported element from another file

I'm developing a chrome extension using webpack and babel. I have this popup.js: import 'regenerator-runtime/runtime' // This is required in every JS files that

Vue CLI HMR not working after upgrading to v5

I'm developing a Django+Vue app using VSCode devcontainers (Docker). I have recently migrated from Vue CLI v4 to Vue CLI v5 following the migration guide. After

How do I remove unused CSS when using Django, Sass and a frontend framework?

I am using a SCSS-based frontend framework (namely cirrus-ui) with my Django project. For compiling the CSS stylesheet with Sass, I use webpack to compile the s

"TypeError: Failed to fetch dynamically imported module" on Vue/Vite vanilla setup

We have a vanilla Vue/Vite setup and I'm receiving TypeError: Failed to fetch dynamically imported module on sentry logs. It seems like the errors are correlate

Google Chome 99+ DevTools Source Tab not showing VUE file code in Webpack SRC folder

I am sorry if I did not phrase the title well because I am at a complete lost of what the technical terminology is and really how to search for an answer. This

Webpack compilation error with Cypress-webpack-preprocessor

I am not able to run cypress test and getting foll error: When I ran cypress run: It is giving below Webpack compilation error Webpack Compilation Error ./cypre

Webpack in ES6 create an empty bundle

I am trying to use webpack in ES6 but there is something wrong, the bundle is created but it seems to contain nothing. src/index.js console.log("inside"); expor

webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case

im getting the errors: 22 errors have detailed information that is not shown. Failed to compile. webpack < 5 used to include polyfills for node.js core modul

ESBuild in NextJS: "You may need an appropriate loader to handle this file type" - /node_modules/esbuild/lib/main.d.ts

I am using mdx-bundler (which uses esbuild + node-gyp) in next.js. I have been working on this project for some time and everything is working. Now my partner j

inside a script module, try to import js files with twig asset() (error: myalias.x is not a function)

[ Environment: symfony (PHP), twig files with HTML/JS code, and Managing assets with Webpack ] Files Tree _assets |__js |__file.js |__library |_

Other Categories