Category "webpack"

How to enable VS code intellisense for absolute path imports in a React app?

So, i recently created a React app and added the absolute imports by updating the jsconfig.json for my project as per the documentation (https://create-react-ap

webpack < 5 used to include polyfills for node.js core modules by default

I am beginner to react js. Please someone provide input for below issue. In local system react js application is working fine but when i am generating build fr

React + Webpack5 app experiencing a 'buffer not defined' error

I created a react app via npx create-react-app my-app and got several compile errors about module support. I know webpack5 does not support some modules automat

Import Typescript/JSX code directly from npm package

I am trying to build a very basic custom npm package which will be imported in a Typescript React app (created with CRA). React app ALPHA: import {MyText} from

Webpack Module Federation Unsatisfied version 11.x.x of shared singleton module @angular/common (required ^7.2.0)

I am trying to get my rather complicated monolithic app to work with Module Federation. My webpack config looks like that plugins: [ new ModuleFederation

How to add custom font in react-pdf/pdf

Can anyone say how to add custom font with @react-pdf/pdfkit in react.js? I tried to use doc.registerFont(path, font_family) But its showing an error like Unhan

Angular 13 and Karma: ReferenceError: global is not defined

i know there are many posts on this subject but nothing has helped so far. Such things like (window as any).global = window in polyfills.ts didn't work Angular:

React native web storybook react-native-vector-icons problem icon

I'm developing a react native component on storybook, which uses react-native-paper and react-native-vector-icons. The problem is that I can't see the icons, I

VueLoaderPlugin Error: No matching use for vue-loader is found

I am using webpack within a Laravel Mix project. When my webpack.config.js looks like this, Webpack works without error: module.exports = { module: {

esbuild-loader not finding any imported module

I am trying to change from ts-loader/babel-loader to esbuild-loader As per doc, I did the swap from both to: { test: /\.tsx?$/, loader: 'esbuild-loader'

Angular:.Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema

I just startred programing and in my first project on Angular i tried to use ng serve an then this error come out: initialized using a configuration object that

The token '&&' is not a valid statement separator in this version

On the way of installing Webpack on my React Project, the following problem hinders my progress: last step to configure the Webpack npm run build && nod

Typescript issue during compilation around `webpack/HashedModuleIdsPlugin`

I am getting compilation issue around HashedModuleIdsPlugin and typescript :( When compiling a TS project that allow JS, requires HashedModuleIdsPlugin and expo

webpack-dev-server app doesn't render my html instead I get Cannot GET /

I am trying to run my javascript app with webpack dev server and I don't get my index.html back, instead I get Cannot GET / with this error inside the console G

webpack.code build is broken after update postcss-loader from 3.0.0 to 4.1.0

I'm using lates webpack 4 (not 5) with latest CkEditor 5 and postcss-loader. Everything is fine, when I use postcss-loader 3.0.0. After update it to 4.1.0 I got

How to configure react-app-rewired to add a postcss plugin

How can I customize react-app-rewired config in CRA v5 to add a postcss plugin, for example this one? I checked react-app-rewired documentation and github issue

loadable-components: failed to asynchronously load component

I have created module A which is a component library for my React App. Which I plan on using on module B which is my actual React App. I have an index.js whereb

Error: Cannot find module 'webpack/lib/rules/DescriptionDataMatcherRulePlugin' Require stack:

I have webpack-cli installed on my laravel project. I don't know why first of all we need it to run my vue app but this is causing an error: When I run npm run

Cannot find module 'gifsicle' for loading image -webpack

I've created a webpack project. In that my project works on my machine, but in all of my teammates laptop who has ubuntu installed on their machine(mine is zori

How to fix webpack resolve-url-loader not working?

Resolve-url-loader is not resolving images/fonts in my css files. My folder structure is like this: src public images -banner-bg.jpg