ReactJS导航栏未正确显示

ReactJS导航栏未正确显示,reactjs,navbar,react-bootstrap,Reactjs,Navbar,React Bootstrap,导航栏显示怪异,没有任何样式 附言:我还没有反应过来 我正在创建一个示例演示Navbar项目。我遵循的是官方代码 反应带 从“React”导入React; 从“react引导/Navbar”导入Navbar; 从“反应引导/Nav”导入Nav; 从“react bootstrap/NavDropdown”导入NavDropdown; 类。组件{ render(){ 常量appNavbar=( 反应自举 特征 定价 行动 另一个动作 某物 分离环 更多的鹿 潮湿的模因 ); 返回( {appN

导航栏显示怪异,没有任何样式

附言:我还没有反应过来

我正在创建一个示例演示Navbar项目。我遵循的是官方代码


反应带
从“React”导入React;
从“react引导/Navbar”导入Navbar;
从“反应引导/Nav”导入Nav;
从“react bootstrap/NavDropdown”导入NavDropdown;
类。组件{
render(){
常量appNavbar=(
反应自举
特征
定价
行动
另一个动作
某物
分离环
更多的鹿
潮湿的模因
);
返回(
{appNavbar}
);
}
}
导出默认主页;

在从服务器检索并加载css之前,页面可能正在呈现。检查您的网络请求,查看是否从服务器检索到该文件

尝试将.css文件保存在本地目录中,并使用

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

这将确保在呈现组件之前加载文件。

在从服务器检索并加载css之前,页面可能正在呈现。检查您的网络请求,查看是否从服务器检索到该文件

尝试将.css文件保存在本地目录中,并使用

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

这将确保在呈现组件之前加载文件。

您的引导样式丢失或加载不正确。您是否安装了引导程序:

npm install --save bootstrap 
并将其导入
src/index.js
文件,如下所示:

导入'bootstrap/dist/css/bootstrap.min.css';

您的引导样式丢失或加载不正确。您是否安装了引导程序:

npm install --save bootstrap 
并将其导入
src/index.js
文件,如下所示:

导入'bootstrap/dist/css/bootstrap.min.css';

您在javascript控制台上遇到的控制台错误?您的代码运行正常。bootstrap.min.css文件加载可能有问题。如果您的bootstrap.min.css文件已加载,请检入网络。您在javascript控制台上获得的控制台上有任何错误吗?您的代码工作正常。bootstrap.min.css文件加载可能有问题。如果加载了bootstrap.min.css文件,请登录网络。谢谢。是的,我已经使用这个命令安装了引导程序:
npm install react Bootstrap Bootstrap
你能尝试在src/index.js文件中导入css吗?将css导入我的
index.js
成功了!非常感谢你!非常感谢。是的,我已经使用这个命令安装了引导程序:
npm install react Bootstrap Bootstrap
你能尝试在src/index.js文件中导入css吗?将css导入我的
index.js
成功了!非常感谢你!非常感谢。我现在就试试,然后回来。谢谢。我现在就试试,然后回来。