无法在反应中导入 bootstrap.css
Unable to import bootstrap.css in react
大家 我试图构建一个井字游戏,但在我的项目中我遇到了这个错误我不知道如何解决它,有人可以帮助它为什么这样显示(请检查附图)
import logo from './logo.svg';
import './App.css';
import Icon from "./components/icon"
import { icons } from 'react-icons';
import { ToastContainer, toast } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';
import {Card,CardBody,Container,Button,Col,Row } from "reactstrap";
import 'bootstrap/dist/css/bootstrap.css';
const itemArray = new Array(9).fill("empty")
function App() {
return (
<div className="App">
<header className="App-header">
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<Icon name="circle"/>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
</div>
);
}
export default App;
enter image description here
您似乎安装 bootstrap 的方式有误。我建议检查 node_module 文件夹中是否确实有 bootstrap 模块。
如果不行,这似乎是老式的方法,但仍然值得一试。
只需将 bootstrap.css 文件包含在 public/index.html 文件中。
我的意思是在 <head>
标签中。
听起来 NodeJS 检测到您的模块未安装。使用 npm install bootstrap 并检查如何正确导入模块。关注 bootstrap 网站:https://getbootstrap.com/docs/5.0/getting-started/download/
如果还是不行,就用CDN吧。它轻巧且易于实施。
同一个目录是错误的你可以试试这个:'~bootstrap/dist/css/bootstrap.css'
大家 我试图构建一个井字游戏,但在我的项目中我遇到了这个错误我不知道如何解决它,有人可以帮助它为什么这样显示(请检查附图)
import logo from './logo.svg';
import './App.css';
import Icon from "./components/icon"
import { icons } from 'react-icons';
import { ToastContainer, toast } from 'react-toastify';
import 'react-toastify/dist/ReactToastify.css';
import {Card,CardBody,Container,Button,Col,Row } from "reactstrap";
import 'bootstrap/dist/css/bootstrap.css';
const itemArray = new Array(9).fill("empty")
function App() {
return (
<div className="App">
<header className="App-header">
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<Icon name="circle"/>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
</div>
);
}
export default App;
enter image description here
您似乎安装 bootstrap 的方式有误。我建议检查 node_module 文件夹中是否确实有 bootstrap 模块。
如果不行,这似乎是老式的方法,但仍然值得一试。
只需将 bootstrap.css 文件包含在 public/index.html 文件中。
我的意思是在 <head>
标签中。
听起来 NodeJS 检测到您的模块未安装。使用 npm install bootstrap 并检查如何正确导入模块。关注 bootstrap 网站:https://getbootstrap.com/docs/5.0/getting-started/download/
如果还是不行,就用CDN吧。它轻巧且易于实施。
同一个目录是错误的你可以试试这个:'~bootstrap/dist/css/bootstrap.css'