webpack-style-loader Questions

2

Solved

I am trying to style a React Component. To achieve this, I am importing a CSS file and using className such as indicated in the React Documentation. I have added a css-loader + style-loader to my w...

8

Solved

There are a few SO posts about style-loader and css-loader, but despite this I have not been able to find a solution to my problem. In short summary, when I @import css files in other css files, a...
Isodiametric asked 7/9, 2018 at 9:22

5

Solved

Some third-party modules I'm using have their own CSS files. I'd like to include them in my app's one, single CSS file, which is processed by Webpack. How can CSS files under "node_modules" be impo...
Raleigh asked 27/3, 2018 at 16:40

10

Solved

I'm using style-loader with webpack and react framework. When I run webpack in terminal i'm getting Module not found: Error: Cannot resolve module 'style-loader' in import.js file although i've spe...
Tessellation asked 3/2, 2016 at 7:50

2

Solved

As you know, we can easily use style-loader to add our styles to our react project, but the window is not available in Server Side Rendering, so how I can use style-loader (or something instead of ...

6

Solved

Problem While using Storybook, I am running npm run storybook and getting the error below. ModuleBuildError: Module build failed (from ./node_modules/style-loader/dist/cjs.js): TypeError: this.getO...
Famed asked 29/7, 2021 at 17:13

3

I am using css-loader and style-loader for my CSS but all media queries are not working. I am using "webpack": "^3.4.1", "css-loader": "^0.28.4" and "style-loader": "^0.18.2". This is my Webpack c...

2

TL:DR How can I get CSS of React components to work inside of a shadow root, while keeping the encapsulation benefits of CSS Modules class? I'd like to insert per-component <style> elements i...

8

this is my first time writing here so please bear that in mind. I'm first time using webpack in a project and I have a problem where I'm trying to set a background image using background url() func...
Undertrump asked 13/8, 2019 at 18:5

1

I have a minimal webpack setup and using sass, css and style loaders to compile sass in my project. Everything works fine but I can't understand why when I run webpack -p I get some style-loader fu...
Strange asked 16/10, 2017 at 23:11

14

Solved

My webpack config specifies that fonts should be loaded using url-loader, and when I try to view the page using Chrome I get the following error: OTS parsing error: invalid version tag Failed to d...
Koziel asked 7/12, 2015 at 12:41

1

I have a Vue.js project using Vue UI with Webpack project using router for multiple "pages". I am using SASS (SCSS) partials and importing them in the individual components. <style lang="sass"...
Brand asked 19/3, 2019 at 21:29

7

After updating npm & node to their last versions, I get following errors when I try to run my vue project: These dependencies were not found: !!vue-style-loader!css-loader!../../../../....
Manslaughter asked 13/9, 2017 at 17:3

2

Solved

I'm developing a JavaScript/React application in Intellij Idea and I'm using webpack-dev-server to incrementally build my files. That means that the dev server is watching the files and if a file g...
Hypogeum asked 21/4, 2016 at 15:18

1

I am trying to figure out where the CSS files are residing when I build the react project. I am using webpack and I am able to make a single CSS file for all the styles used throughout the project ...
Observable asked 13/8, 2020 at 11:45

5

I am attempting to modify the styles of web component that created with shadow root. I see that the styles are added to a head tag but it has no effect on the shadow root as it's encapsulated. Wh...
Careless asked 12/3, 2020 at 17:52

3

Solved

E.g. @import url("~./foobar"); Saw it here, not sure if it's some package specific thing or if it's actual CSS syntax.
Chihli asked 16/9, 2016 at 16:1

5

Solved

I have two questions. 1) CSS Loader and Style Loader are two webpack loaders. I couldn't grasp the difference between the two. Why do I have to use two loaders when they both do the same job? 2) ...
Rhinarium asked 2/12, 2015 at 10:1

1

Solved

Problem When building and starting a production build of our application, no css is loaded. CHecking the devtools, I can see a myriad of errors and warnings: Possible Culprits I do not experience ...
Roue asked 8/1, 2021 at 10:36

2

Solved

I am developing my first application in VUE I have created a styles file at the root of the project and another with the fonts I want to use globally. I'm trying to modify the styles of the compone...
Gravimetric asked 7/8, 2020 at 7:55

4

Solved

Im trying to reconfigure my webpack, and now i cannot load the css files. i keep my styles in src > styles > main.css I am getting errors such as ERROR in ./src/images/NavIcon03.png Module build...
Viridis asked 23/2, 2016 at 3:13

4

I an new to webpack, and I have been able to get it to packup my javascript, but the CSS eludes me. I keep getting a: “You may need an appropriate loader to handle this file type” One the first l...
Wnw asked 21/6, 2016 at 1:15

3

Is there a way to make Vue.js to work with CSP properly? When I run my spa application (resulting from npm run generate with Nuxt.js), I will get several warnings such as these: Refused to appl...

3

I just wondering why my CSS name became hash after I build and run my React + Webpack application. Is there advance configuration that I may have missed to set the CSS name as normal? This is my We...
Leggy asked 1/11, 2017 at 9:50

3

We have an Angular 4 project that I've recently tried to upgrade to Angular 8. I followed the migration guide in Angular website, changed some of the syntaxes, and everything preventing project to ...
Nickienicklaus asked 27/9, 2019 at 4:3

© 2022 - 2025 — McMap. All rights reserved.