next.js - Next Js中的Bootstrap无法解析

Question

根据最新 NextJS 中的文档，我可以通过执行以下操作来使用样式表( Bootstrap ): 页面/_app.js

import '../static/bootstrap.min.css'

// this default export is required in a enw file
export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

然后我就可以运行我的项目并利用 bootstrap。
当我执行上述操作时，出现以下错误:

[ error ] ./static/bootstrap.min.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-5-1!./node_modules/postcss-loader/src??__nextjs_postcss!./static/bootstrap.min.css)
Module not found: Can't resolve '../fonts/glyphicons-halflings-regular.eot' in '/Volumes/OGX/Code/itsyoo/static'

知道如何解决这个问题吗？

Answer 1

它说在目录中找不到字体。您可以将字体放在那里或使用 npm 包。

我建议使用 npm 安装 Bootstrap。

npm 我引导

将其包含在 _app.js 中，例如 import 'bootstrap/dist/css/bootstrap.min.css'。