主页 / coding / 问题 / 78689675
Accepted
John Beasley
Asked: 2024-07-01 04:08:48 +0800 CST

React 无法解析引导程序

  • 772

在遵循教程的同时，我通过运行以下命令启动了这个 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，因此我尝试自己从 frontend 文件夹中进行安装，如下所示：

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'

我做错了什么？我该如何改正？

reactjs

1 个回答

  1. Best Answer

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

    这里 ：

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

相关问题