./src/App.scss (./node_modules/css-loader/dist/cjs.js?

Question

@font-face {
    font-family: 'Ageya';
    src: url('./src/fonts/Ageya.otf'), format('otf');
}

@font-face {
    font-family: 'Ageya';
    src: url('./src/fonts/Ageya.ttf');
}

it shows the error

ERROR in ./src/App.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/App.scss) 5:36-85

Module not found: Error: Can't resolve './src/fonts/Ageya.otf' in 'D:\project\linkstore\src'

stackoverflow.com/help/how-to-ask

JBaczuk
– JBaczuk

2022-06-07 15:14:27 +00:00
Commented Jun 7, 2022 at 15:14 — JBaczuk
– JBaczuk, Commented Jun 7, 2022 at 15:14

Siddhartha Mukherjee · Accepted Answer · 2022-09-27 15:18:18Z

2

Its sometimes when change the file alerted/rename/move into another files/folder , you may find this error , try "npm rebuild node-sass" in your frontend code terminal, it might solve the issue

it will rebuild the dependencies successful

edited Sep 27, 2022 at 15:18

Siddhartha Mukherjee

2,9712 gold badges27 silver badges30 bronze badges

answered Sep 22, 2022 at 18:00

user20064061

313 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex Wagner · Accepted Answer · 2022-06-18 21:19:10Z

0

Are you also doing that Free Code Camp React portfolio tutorial? I had this issue. You just need to make sure you have the actual font files in your /src folder.

You'll need to track down the "Ageya.otf" font file online and put it in your /src folder. You can google "free download ageya font". If it exists in a different format, just change the format appropriately.

For instance, if you find a download for "Ageya.ttf", you'll need to change:

src: url('./src/fonts/Ageya.otf'), format('otf');

to

src: url('./src/fonts/Ageya.ttf'), format('ttf');

Hope this is helpful!

answered Jun 18, 2022 at 21:19

Alex Wagner

1

Collectives™ on Stack Overflow

./src/App.scss (./node_modules/css-loader/dist/cjs.js?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related