Category "webpack"

'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

next-images Error: Module parse failed: Unexpected character '�'

I'm trying to load an image with next-images: when i type in the image name it works fine: //Working <Image src={require(`../../images/exampleImage.jpg` )}/&

Failed to minify the code from this file (styled.js)

We upgraded to MUI v5 and when we try to build the project we get the following error: Failed to minify the code from this file: ./node_modules/@mui/material/s

I am getting this error TypeError: Cannot assign to read only property 'map' of object '#<QueryCursor>' 2022-02-19T12:38:49.101286+00:00 app[web.1]:

I am trying to deploy my node.js app for weeks but I am not able to deploy it, Please can someone please help me to deploy this, I have done everything, but sti

CKEditor: [CKEditorWebpackPlugin] Error: Too many JS assets has been found during the compilation

I am updating the CKEditor packages in my Rails/React app from ~12 to the latest version 27. When running the app locally in my webpack-dev-server I see this e

Is there any solution of "JavaScript heap out of memory" & "Array buffer failed"?

error image I'm building a website with react. But suddenly when I entered npm run start after some time it gave me errors Fatal error: NewSpace:: Rebalance All

Prototype Pollution in async linters error

linters error npm audit report async <2.6.4 Severity: high Prototype Pollution in async - https://github.com/advisories/GHSA-fwr7-v2mv-hh25 fix available v

Why we need to lint code when build with webpack?

There are some plugin about linting code, such as https://github.com/webpack-contrib/eslint-webpack-plugin. I wonder why we need to lint code during building. E

How to bundle NextJS project into one single file

I'm currently building a project that will work as an addon to another application. I'm currently using NextJS to build the application, but I need to bundle th