< h1 >./ src /应用程序.scss (. / node_modules / css-loader

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');
}

显示错误

./src/App. ERROR./node_modules/css-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:错误:Can't resolve './src/fonts/Ageya./otf' in 'D:projectlinkstoresrc'

Answer 1

有时将文件alerted/rename/move更改为另一个files/folder时，您可能会发现此错误，请尝试"npm rebuild node-sass"在前端代码终端中，它可以解决

问题它将成功重建依赖项

Answer 2

你也在做免费Code Camp React投资组合教程吗?我有这个问题。你只需要确保你的/src文件夹中有实际的字体文件。

您需要跟踪"Ageya.otf"字体文件放到你的/src文件夹中。你可以谷歌"免费下载字体"。如果它以不同的格式存在，只需适当地更改格式。

例如，如果您找到了"Ageya.ttf"的下载，则需要更改:

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

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

希望这是有帮助的!