Início / coding / Perguntas / 78689675
Accepted
John Beasley
Asked: 2024-07-01 04:08:48 +0800 CST

React não consegue resolver o bootstrap

  • 772

Ao seguir um tutorial, comecei o frontend deste projeto React executando o seguinte comando:

npx create-react-app frontend

O instrutor deste tutorial especificou que estava usando bootstrap, mas não indicou onde o instalou.

Então, quando cheguei à parte Index.js, vejo onde ele solicitou:

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();

Sabendo que em nenhum lugar o instrutor explicou onde ou quando instalou o bootstrap, tentei instalá-lo sozinho na pasta frontend assim:

npm install react-bootstrap bootstrap

Posso ver a pasta bootstrap dentro da pasta node_modules.

Então, quando executo o npm-start, recebo a seguinte mensagem de erro:

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'

O que fiz de errado e como posso consertar?

reactjs

1 respostas

  1. Best Answer

    Você esqueceu 't' em 'bootstrap'

    aqui :

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

relate perguntas