React 无法解析 bootstrap

Question

在学习教程时，我通过运行以下命令开始了此 React 项目的前端：

npx create-react-app frontend

本教程的讲师指定他使用的是bootstrap，但没有说明他安装在哪里。

所以当我到达 Index.js 部分时，我看到了他需要的地方：

import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import "boostrap/dist/css/bootstrap.min.css";

const root = ReactDOM.createRoot(document.getElementById("root"));
  root.render(
   <React.StrictMode>
    <App />
   </React.StrictMode>
  );

reportWebVitals();

知道讲师没有解释他在何处或何时安装 bootstrap，我尝试自己从前端文件夹中安装它，如下所示：

npm install react-bootstrap bootstrap

我可以在node_modules文件夹中看到bootstrap文件夹。

因此，当我运行 npm-start 时，我收到以下错误消息：

Module not found: Error: Can't resolve 'boostrap/dist/css/bootstrap.min.css' in '/Users/jaybee/Desktop/Files/Main/2024/Projects/web/react/registration/frontend/src'
ERROR in ./src/index.js 9:0-45
Module not found: Error: Can't resolve 'boostrap/dist/css/bootstrap.min.css' in '/Users/jaybee/Desktop/Files/Main/2024/Projects/web/react/registration/frontend/src'

我做错了什么以及如何解决？

Answer 1

你忘记了“bootstrap”中的“t”

这里：

import "bootstrap/dist/css/bootstrap.min.css";