Category "webpack"

Force yarn.lock to generate?

I have a rails app, I deleted yarn.lock (due to some complicated errors), but I would like to regenerate it. I tried yarn install -std:c++latest and yarn instal

Webpack5 + react-refresh-webpack-plugin does not work

I wanted to setup react with webpack, babel, and typescript myself since I would like to know more and have a consistent boilerplate for development. I have bee

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