Category "webpack"

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 |_

ISO proper way to chain Webpack via vue.config.js to add global .scss imports to my .vue files (vue-cli-plugin-nativescript-vue)

I have Vue.js project I've setup previously that dynamically adds defined .scss files to my .vue template files, so I can access my variables, mixins, etc. in t

Angular 13 with cornerstone - Automatic publicPath is not supported in this browser

Just upgraded our app to angular 13, managed to get all the libraries working except for cornerstone. Uncaught Error: Automatic publicPath is not supported in t

webpack enhanced-resolve plugin not working

I'm trying to follow these instructions by the developers themesevles at https://github.com/webpack/webpack/issues/6817#issuecomment-542448438 which doesn't wor

@angular-architects/module-federation to customize a monolith build

In our company we are trying to implement micro frontend concept using @angular-architects/module-federation plugin. We used very basic configuration, nothing s

Module parse failed:.You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file."

I am facing the below error. I tried with all solutions mentioned in other post related to the same issue. But no luck. Please help. Error:- **ERROR in ./src/i

Other Categories