Css src/之外的相对导入不受支持有什么错误

./src/App.css（./node_modules/css loader/dist/cjs.js？？ref--6-oneOf-3-1！。/node_modules/postss loader/src？？postss！。/src/App.css） 未找到模块：您试图导入../fonts/poppins-regular-webfont.woff，该文件不在项目src/目录下。不支持src/之外的相对导入

我得到了这个错误。所以在App.css文件中，我有@font-face，还有字体系列poppinsregular和poppinssemibold

@font-face{
字体系列：“poppinsregular”；
src:url（'../font/poppins常规webfont.woff2'）格式（'woff2'），
url（'../fonts/poppins常规webfont.woff'）格式（'woff'）；
字体大小：正常；
字体风格：普通；
}
@字体{
字体系列：“poppinssemibold”；
src:url（'../font/poppins semibold webfont.woff2'）格式（'woff2'），
url（'../font/poppins semibold webfont.woff'）格式（'woff'）；
字体大小：正常；
字体风格：普通；
}

使用资产的绝对路径（可能是公用文件夹）。看起来项目根目录中的独立目录中有字体。如果它在公用文件夹中，它将被捆绑并可访问

@font-face {
    font-family: 'poppinsregular';
    src: url('/fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('/fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinssemibold';
    src: url('/fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('/fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

或者移动（或检查）

/font

目录是否在

/src

目录中。也许这个*.css文件在src根目录中，

/font

实际上在

/src

中，也许你的意思是

而不是

。

表示当前目录，然后

字体

@font-face {
    font-family: 'poppinsregular';
    src: url('./fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('./fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'poppinssemibold';
    src: url('./fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('./fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

---

相对于

src

，您的

font

文件夹位于何处？如果是这样的

src>font

，您需要将路径从

。/font

更改为

。/font

。。如果它在

src

文件夹之外，请在src的某个地方创建一个静态文件夹，然后从那里开始，例如：

src/assets/font