sass-loader Questions

10

Solved

New to webpack. Trying to get sass-loader to play nice with my react project, have followed tutorials. Config seems correct, but result is always "Can't resolve 'sass-loader'". I suspect this is ...
Uncertain asked 23/11, 2017 at 3:42

1

I'm creating a little app that is bundled with webpack. I'm using sass in the project and all scss files are located in a scss located in the root directory. I've got some partials I've created in ...
Boldface asked 21/2, 2023 at 19:50

2

Summary When we switched to using Webpack for handling our SASS files, we noticed that our build times in some cases became really slow. After measuring the performance of different parts of the b...
Supernova asked 22/5, 2019 at 17:32

6

I am trying to compile my Sass via webpack. Compiling normal sass is fine but I get an error. Module not found: Error: Can't resolve '../img/twitter.svg' in '/Users/Steve/mywebsite/scss' @ ./~/cs...
Alexandretta asked 3/3, 2017 at 9:55

5

Solved

I have a third party SCSS file that I am including in my project, and Dart SASS is displaying a long list of warnings as a result. How can I disable the warnings for third party includes? I'm using...
Handiwork asked 2/6, 2021 at 20:47

2

My Nodejs version is v16.16.0 and npm version is 8.11.0. and errors keep coming saying Is there any way to upgrade sass-loader? (Also, when npm run serve is run this error comes up Syntax Error: ...
Agretha asked 2/8, 2022 at 12:57

2

I have installed modern-normalize in my project, and from a sass file I'm trying to include it's css file like so: @use '~modern-normalize/modern-normalize' as *; I keep getting this however: Err...
Callicrates asked 14/10, 2022 at 17:5

17

Solved

I am facing a weird error when I installed Bootstrap. The error is below. I tried uninstalling less-loader and installing [email protected], because I saw it online, but it did nothing. I am u...
Pact asked 6/2, 2021 at 21:58

7

Solved

i have this problem when trying to compile a Vue2 project Syntax Error: Error: PostCSS received undefined instead of CSS string @ ./src/assets/sass/main.scss 4:14-233 14:3-18:5 15:22-241 @ ./src/...
Xiomaraxiong asked 1/9, 2021 at 11:18

0

I'm having issues trying to make Storybook read my .scss files. I've tried a bunch of different possible solutions, but none of those solved the problem. Here is the error that always pop up: SassE...
Simla asked 3/6, 2022 at 22:46

3

Solved

I just upgraded to Angular 13 from Angular 12 and also updated some other NPM packages. One of them contained scss files that are referenced in my angular.json file. This was never a problem, but a...
Upswell asked 11/1, 2022 at 21:28

2

Solved

I had this problem even I didn't manage to sleep, guys my codes are like these <style lang="scss" scoped> @import '~/assets/scss/main.scss' .home_nav{ nav { } } </style>...
Turbot asked 8/5, 2020 at 13:32

4

Solved

How to use sass loader with webpack 4? I read a lot about this and most sites recomended to use ExtractTextPlugin, but ExtractTextPlugin doesn't work with webpack 4. I wrote following webpack.conf...
Fastening asked 3/4, 2018 at 14:12

7

Solved

I tried to install sass-loader to compile scss, but it shows a version compatibility error. I downgrade the version and did so many things, but still shows the same issue. React version- 17.0.2 nod...
Coretta asked 8/6, 2021 at 17:22

1

From the dart-sass documentation we see that the dart-sass has a command-line version and is more performant. I want to know if we can somehow use that command-line version with the existing webpac...
Thales asked 17/5, 2021 at 11:23

10

I'm running the following command: ng build --prod --aot --base-href ./ And receiving; ERROR in Module build failed (from ./node_modules/sass-loader/lib/loader.js): $clr-popover-box-shadow-colo...
Melessa asked 24/1, 2019 at 20:14

7

I am having a problem when I execute NPM start in my project. I get this error message: ./src/assets/base.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loade...

2

We have a Vue component library built with Rollup. The development is in early stage but everything worked well so far besides this one thing: we are not able to export SASS variables from a scss f...
Decoupage asked 30/7, 2021 at 8:46

2

I'm setting up my Storybook instance to load the styles from my Rails app but it failed to load the imports within my main.scss file, both are stylesheets from node_modules: @import 'react-table/r...
Undersea asked 28/2, 2020 at 4:28

1

Trying to setup a Storybook using .scss file. Following the doc > // .storybook/main.js const path = require('path'); // Export a function. Accept the base config as the only param. module.exp...
Bossuet asked 17/4, 2021 at 16:26

1

Solved

After I added sass-loader to my webpack configuration, I'm getting a build error when using this node module @fontsource/roboto import "@fontsource/roboto"; // this is in index.tsx Uncau...
Kung asked 11/5, 2021 at 17:18

3

Solved

I am simply trying to follow a tutorial which tells me to install both node-sass and sass-loader. When I do I get the following error: ERROR Failed to compile with 1 errors 6:21:28 PM error in ....
Daladier asked 24/10, 2019 at 17:34

2

Solved

The example given by the sass map.set documentation doesn't work, why is that? @use "sass:map"; $font-weights: ( 'regular': 400, 'medium': 500, 'bold': 700 ); map.set($font-weights, ...
Likewise asked 27/1, 2021 at 1:39

2

Solved

I've been trying to update a Create React App to use yarn 2 and plug and play (PNP). When I do use nodeLinker: node-modules in the .yarnrc.yml, I can successfully start the dev-server. Without it, ...
Suffragist asked 20/2, 2020 at 2:32

1

Solved

I decided to remove node-sass from my gatsby project and use sass instead. I followed what is mentioned here for v3. I removed node-sass and now I have these versions in my package.json: "gats...
Slingshot asked 26/1, 2021 at 13:42

© 2022 - 2024 — McMap. All rights reserved.