webpack-5 Questions

3

Solved

I have some rust code that compiles to web assembly using wasm-pack and wasm-bindgen. I want to call into this code from a web worklet/worker. The entire app should eventually be just one single *....
Andraandrade asked 20/12, 2021 at 10:13

2

Screenshot for Error: Can't resolve 'process/browser': I'm hoping someone could help me here. With the Webpack 5 breaking changes with polyfills I was able to use react-rewired to add fallbacks to...
Micmac asked 27/5, 2022 at 20:45

3

Solved

npm install next react react-dom And running Node.js v12 Created most simple pages/index.tsx export default function PageHome(props) { return <>Hello World!</> } (I also had TypeScrip...
Thruway asked 13/4, 2021 at 21:45

5

Solved

With Webpack 5 module federation if remote entry is modified, you don't need to redeploy main module/application and the newest version of the module will be loaded when it's requested by the brows...

3

Below is the error on my console $ next dev ready - started server on 0.0.0.0:3000, url: http://localhost:3000 info - Using webpack 5. Reason: no custom webpack configuration in next.config.js http...
Millionaire asked 31/5, 2021 at 5:30

3

Solved

In my scss file, I use background-image: url("../../../assets/images/home/banner-mobile.png"); The application runs successfully, but no background image is shown: The background image UR...
Plasmo asked 29/11, 2021 at 2:28

1

NOTE: I tried accessing this directly in the browser https://localhost:5007/accom-web/dist/js/assets/browser-bundle/remoteEntryTest.js and I'm served the remoteEntryTest.js file. This is my webco...
Spilt asked 31/5, 2022 at 15:38

2

I recently made a federated module host that is federating the Header and the Footer of a site. Everything works as expected, but I am trying to build in some fallbacks if the request to the federa...
Privilege asked 28/10, 2020 at 22:46

2

After upgrading Angular from v.11 to v.12 I am getting the following Error home.Component.ts imgname= require("../assets/images/imgname.png"); ./src/assets/images/imgname.png:1:0 - Error...
Froward asked 26/5, 2021 at 13:3

1

I've been working on using ModuleFederation and have ran into an issue where if the remote webpack configuration had optimize.splitChunks.chunk = "all" then the host application would thr...
Kenyatta asked 27/4, 2022 at 17:51

1

I'm working on the project upgrading from webpack 3 to webpack 5. In the project, it was using raw-loader and extract-text-webpack-plugin to parse imported html file(angular component), then combin...

1

Solved

I'm trying to implement a service worker, but fail to make it execute the service worker code work if it is transpiled for Typescript with Webpack + Bable. Registration works fine and the worker is...

1

Iv'e created a storybook (build without create-react-app) which deployed to npm. When trying to use its components in a different react application the .png images that suppose to be rendered toget...
Portugal asked 17/4, 2022 at 15:50

1

I created a UI Library with CRA. The library is published on npm. Components in the library use SVG, which I use with the syntax of import {ReactCompoent as Icon} from 'assets / icon' I want to u...
Mccall asked 11/4, 2022 at 9:31

1

Solved

I want to use SVG as a React Component in my app. I'm using: react 17.0.2, Webpack 5.57.1, @svgr/webpack 6.2.1. I followed the steps on adding svgr in webpack.config file as in svgr documents svgr-...
Fasciate asked 10/4, 2022 at 20:15

0

As title. I'm learning Webpack 5, and I just noticed there seems to be a concept called "layer" that is rarely mentioned(or I haven't found) in the documentation. It can be found here (fo...
Wideeyed asked 5/4, 2022 at 6:56

3

Solved

Trying to setup a react-app with all latest versions. Github Repo Link Trying to run storybook with sass file imported will result in below error. Trying to run without importing the styles, storyb...
Nat asked 27/12, 2020 at 9:40

1

Solved

I'm getting this error after upgrading to Webpack-5: Error: Can't resolve '/path/to/image.jpg' in '/app/path/to/module/module' The issue is with images used for css backgrounds where the files aren...
Almond asked 24/2, 2022 at 15:20

1

Implemented Module Federation for Host and Remote Application. For the Remote application, federated module is uploaded on a CDN. While accessing the federated module on localhost, Host application...
Jacobo asked 19/10, 2021 at 14:38

0

I put the images in public directory(which contains index.html) and I use url() to make a background just like: .login-container { background-image: url('/static/image1.png'),url('/static/image2.p...
Gwenni asked 23/2, 2022 at 1:53

1

Solved

Searched everywhere and for days now and I still can't manage to understand why my latest attepmpt also doesn't work. Why isn't there a CSS file on dist folder? Now I am importing the styles in a ....
Repent asked 4/2, 2022 at 3:30

1

I'm creating webpack5 setup for an small app and while doing I'm facing the below mentioned issue. Please suggest the way to resolve Issue Snapshot Module not found: Error: Can't resolve 'faker' in...
Aerodynamics asked 28/1, 2022 at 7:15

4

Solved

I was looking into Webpack 5 Module federation feature, and have some trouble understanding why my code does not work. The idea is pretty similar to what standard module federation examples do: app...

3

Solved

I am trying to implement the micro-frontend concept in angular using webpack5 module federation by following this example Module federation with angular, but i am facing this error I tried the sol...

3

Solved

I am trying to extract the css files in my library. I've read the way to do this is using mini-css-extract-plugin. Am I doing something wrong? Is there another way to extract the css files for my l...
Eavesdrop asked 29/1, 2021 at 20:35

© 2022 - 2024 — McMap. All rights reserved.