Category "webpack"

Error: Cannot find module '@babel/plugin-proposal-private-methods'

When checking out of the latest master, I receive the following error when I try to build Webpack. The only noticeable change was a single gem that was installe

webpack-dev-server Disconnect and Trying to reconnect... spam

I just finished an angular project I was working on, but i noticed something in the console, which I'd love to hide if that's possible just to keep everything t

Material UI Styles

Every time I run npm start in vscode I get weird material UI errors like Module parse failed: D:\Websites\rugprints\rugprints\node_modules\@mui\material\node\st

TypeError: Cannot read properties of null (reading 'dataset') in Laravel Jetstream-inertia

This error suddenly appears out of nowhere. i tried reinstalling the npm packages but it doesn't work. but when it works when i create a fresh project of jetstr

Webpack giving an error when hot-reloading my react app

When I make a change to my react-app, and it tries to reload, I get the following error: /path/to/app/node_modules/webpack/lib/node/NodeWatchFileSystem.js:50

React.Lazy not working when consuming Micro frontend with webpack 5 and plugin Module Federation

What is happening is that I am consuming a Micro front-end through module federation, but even using React.Lazy the bundle (remoteEntry) is loaded at the start

How to break eslint or webpack build if any component has imported data from ./Stories/* folder

We have a React/TS project which bacame too big. In this project we use eslint (airbnb) and StoryBook. Our components structure is: /Stories <-- folder for S

Read a file content as a string in Vue

Some other post respond to the same problem (here, here and here) by using raw-loader but from my understanding it is deprecated for webpack v5 (but I'm not sur

'require.context' is not returning file names

I am working on a NextJS app and have created a few functions that facilitate a user uploading files. Files uploaded by the user will live in the "../public/upl

Output webpack bundle with css only

I have multiple webpacks bundles, which work properly. One bundle is built from css files only, and I managed to output a corresponding foo.css. But webpack als

Webpack: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object

I want to create custom component and build with webpack // packages/button/src/index.js import React from 'react'; function Button({ href }) { return <a

ANGULAR - HYBRID - Can't bind to 'ngClass' since it isn't a known property of 'a'

I'm working on a Angular Hybrid project which has several modules from Angular 12 and other from AngularJS. Recently I updated the libraries to Angular 13. Afte

How to add a SCSS stylesheet to a Lit web component?

I'm building a web component using lit.dev. For my component, I want to import an SCSS stylesheet and use it the following way: // example-component/example-com

Error: module not found in React, cannot resolve 'url' in ...axios/lib/adapters

I'm getting this error and am not sure firstly why it appears and secondly how to resolve. the error message: Compiled with problems:X ERROR in ./node_modu

Webpack 5 webpackMissingModule error for node_modules package

I've been working on upgrading a repository from Webpack version 4 to 5, and I've encountered a very strange problem where Webpack will throw an error at runtim

Node JS "Importing binding name 'default' cannot be resolved by star export entries" for HLS.js

Currently I have the following folder layouts in node JS and installed express js sdk-components --- HlsLoader.js node_modules --- hls.js --- s

Spring Boot Server not loading React webpage

Issue: Hello! I've been spending a fair bit of time now trying to get a Spring Boot server to host a React Application. I've been able to work out nearly everyt

Webpack and React.lazy not splitting out dynamic import. Why?

I'm obviously quite confused about this but, I have a module FileAttachments which imports (and no one else does) a fair number of other sizeable modules. I'd

need for json loader in webpack 5

I want to import .geojson file extension just like .json files (I don't need any special parsing). as I seen in webpack docs: Since webpack >= v2.0.0, impor

Angular federated module can not be loaded when route would be activated

I am trying to achieve a very simple module federation with shell (host) and travel (remote). Whenever I try do dynamically load the AbcModule from travel I get