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

【问题标题】：./src/App.scss (./node_modules/css-loader/dist/cjs.js?./src/App.scss (./node_modules/css-loader/dist/cjs.js?
【发布时间】：2022-06-19 05:19:10
【问题描述】：

@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.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

找不到模块：错误：无法解析“D:\project\linkstore\src”中的“./src/fonts/Ageya.otf”

【问题讨论】：

stackoverflow.com/help/how-to-ask

标签： javascript reactjs import sass fonts

【解决方案1】：

你是否也在做那个 Free Code Camp React 投资组合教程？我有这个问题。您只需要确保 /src 文件夹中有实际的字体文件。

您需要在线查找“Ageya.otf”字体文件并将其放入您的 /src 文件夹中。你可以谷歌“免费下载ageya字体”。如果以不同的格式存在，只需适当更改格式即可。

例如，如果您找到“Ageya.ttf”的下载，则需要更改：

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

到

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

希望对您有所帮助！

【讨论】：