无法在Reactjs中使用字体css文件

Question

我正在使用Reactjs(Nextjs(，每当我尝试使用"css"在项目中，然后我得到以下错误在我的屏幕

Module not found: Can't resolve '../fonts/fontawesome-webfont.eot?v=4.7.0'

我该如何解决这个问题？这是我在_app.js 中的代码

import Head from "next/head";
import React from "react";
import { Swiper, SwiperSlide } from "swiper/react";
import 'swiper/swiper.min.css'
import '../styles/globals.css'
import '../styles/css/style.css'
<link rel="stylesheet" href="../styles/css/bootstrap.min.css" />
<link rel="stylesheet" href="../styles/css/style.css" />
<link rel="stylesheet" href="../styles/css/jquery.mCustomScrollbar.min.css" />

Answer 1

带有的行

<link rel="stylesheet" href="../styles/css/bootstrap.min.css" />
<link rel="stylesheet" href="../styles/css/style.css" />
<link rel="stylesheet" href="../styles/css/jquery.mCustomScrollbar.min.css" />

应该插入到index.html中。并且应该使用来自cdn 的css

例如：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">