webpack-5 Questions

5

Solved

Webpack - Error: Cannot find module 'node:assert' I tried adding "assert" npm package no luck, any one have any ideas on what is throwing the error?
Turnover asked 15/2, 2022 at 14:2

13

Solved

I have an ejected create-react-app project. I am getting this error after updating it to webpack 5. It was working fine with webpack v4.41.5 OS: MacOS Catalina 10.15.7 node: v10.23.0 Error: Should...
Bugbane asked 24/11, 2020 at 18:58

2

Solved

I'm building an app with micro-frontends using webpack 5's module federation plugin. Everything was fine until I started adding react hooks into my remote app. At that point I received errors about...

2

Unfortunately, my repro for this is in a complex proprietary project, so I will do my best to explain what is going on. The closest example project to my use-case is this one: https://github.com/mo...
Honourable asked 27/12, 2020 at 15:15

2

We have recently migrated from webpack 4 to 5 and I discovered something that might be a bug or my lack of understanding. Basically, my project has several pages that I define as entry points in we...
Oglethorpe asked 22/2, 2021 at 23:26

3

Solved

While migrating from Webpack 4 to Webpack 5 I got an error when using devtool with empty value (only in production mode). module.exports = { devtool: isProd ? '' : 'source-map', // entry: ... //...
Ardene asked 26/6, 2020 at 9:2

3

Solved

I'm trying to upgrade to webpack 5, but I'm now getting a type error when trying to use the TsconfigPathsPlugin. (npm tsconfig-paths-webpack-plugin). I need this plugin so that I can resolve the al...
Duck asked 6/3, 2021 at 5:24

9

I'm using Angular 14 and Webpack version: ^5.58.1. Below is the config: webpack.congif.js const webpackPlugin = require('@ngtools/webpack').AngularWebpackPlugin; module.exports = { mode: 'developm...
Nonparticipation asked 28/11, 2022 at 14:57

2

I am using Storybook with webpack 5 for a simple project and I'm having challenges with CSS module imports despite customising the webpack config for storybook. (2:7) src/stories/header.css Unknown...
Uprising asked 14/1, 2022 at 10:14

3

I am trying to get my rather complicated monolithic app to work with Module Federation. My webpack config looks like that plugins: [ new ModuleFederationPlugin({ remotes: { "mfe1": &q...
Rizo asked 19/2, 2021 at 10:25

1

Solved

Earlier in webpack version 4 and node 14 version, runtimeChunkName was with pre-comipled chunk filepath, but now this is not working in webpack 5. const beforeRenderPath = before-render/js/dist/Bef...
Anvil asked 10/8, 2023 at 13:34

2

How do I tell Webpack that it should treat my loader as an ES Module and not CommonJS? My goal is to write a Loader that uses the ES Module syntax (export default...) Demo (not working): https://st...
Magistrate asked 24/8, 2022 at 13:24

2

I'm trying to add a react material template to my reactJs Project. I fix all the errors but I can't fix this one WARNING in ./node_modules/stylis-plugin-rtl/dist/stylis-rtl.js Module Warning (from ...
Cockleboat asked 27/1, 2022 at 14:27

2

Solved

I've just updated to webpack 5. This is my webpack.config.ts: import * as path from "path"; import * as webpack from "webpack"; const config: webpack.Configuration = { mode: ...
Brucie asked 19/1, 2021 at 17:48

4

Solved

I have upgraded from angular 12 to angular 13. Now after upgrading when I tries to run my application. It runs perfectly but in console it is getting the error. index.js:37 Uncaught TypeError: __we...
Ellery asked 18/4, 2022 at 11:28

2

Solved

Before the next build, I want to remove the previous build because if we do not remove the old build, some change that did not generate the output file may not be found as soon as possible. I am tr...
Dreadfully asked 26/1, 2022 at 6:56

3

Solved

I am trying react module federation. I have created two react apps(modulefederation1, modulefederation2) using create-react-app command. I am getting 'Uncaught Error: Shared module is not available...

3

I am working on a laravel reactjs project and when I run the command npm run dev the compilation stuck at 95% and give the following error. I checked in the whole project there is no file calling w...
Amara asked 11/2, 2021 at 10:1

2

I have set up a container app that consumes several remote apps. The issue is that I need the remote urls to be dynamic based on what environment they are in (Test, Dev, QA). As you can see my vehi...
Comptroller asked 31/8, 2022 at 21:59

3

I'm getting this error: If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }' - install 'path-brow...
Hallway asked 20/5, 2022 at 15:37

6

Can't seem to find any debug option or plugin in webpack to show what exactly went into a chunk. Why do I need this? I've noticed cases where code splitting literally makes everything much larger...
Soleure asked 30/4, 2015 at 11:19

6

I cant figure out whats going on here. I use the file-loader to load the fonts of my application: { test: /.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/, use: [{ loader: 'file-loader', options: {...
Vin asked 3/8, 2021 at 10:12

1

We are developing a react library and recently noticed, that it throws an error when we want to consume it with a new (webpack 5) Create React App. It complains about this: "BREAKING CHANGE: T...
Caput asked 3/2, 2022 at 0:50

2

How do I reference the hashed image (in the html page in the dist folder) after it has been created with copy-webpack-plugin? I tried to resolve this problem in this way. I have in my index.ejs fil...
Calvin asked 5/1, 2023 at 9:14

1

Is there any specific way to expose jQuery with Webpack 5? It used to work on Webpack 4 OK, with the config bellow, but it shows the Uncaught Reference Error: jQuery is not defined error now with 5...
Huffy asked 15/11, 2020 at 8:46

© 2022 - 2024 — McMap. All rights reserved.