引导转盘未在reactjs中显示
您好,我已经使用标准的npm install react bootstrap bootstrap命令安装了引导,并从引导站点实现了旋转木马代码,但我没有获得旋转木马。图像一个接一个地显示这是我的代码引导转盘未在reactjs中显示,reactjs,twitter-bootstrap,carousel,react-bootstrap,bootstrap-carousel,Reactjs,Twitter Bootstrap,Carousel,React Bootstrap,Bootstrap Carousel,您好,我已经使用标准的npm install react bootstrap bootstrap命令安装了引导,并从引导站点实现了旋转木马代码,但我没有获得旋转木马。图像一个接一个地显示这是我的代码 import React, {Component} from 'react'; **import {Carousel} from 'react-bootstrap'; import 'bootstrap/dist/css/bootstrap.min.css';** import CleanHands
import React, {Component} from 'react';
**import {Carousel} from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';**
import CleanHands from '../Images/cleanhands.jpg';
import Heroes from '../Images/heroes.jpg';
class ImageCarousel extends Component {
render() {
return(
<Carousel>
<Carousel.Item>
<img
className="d-block w-100"
src={CleanHands}
alt="First slide"
style={{width:"40px", height:"40px"}}
/>
</Carousel.Item>
<Carousel.Item>
<img
className="d-block w-100"
src={Heroes}
alt="Third slide"
/>
</Carousel.Item>
<Carousel.Item>
<img
className="d-block w-100"
src={CleanHands}
alt="Third slide"
/>
</Carousel.Item>
</Carousel>
);
}
}
export default ImageCarousel;
import React,{Component}来自'React';
**从“react bootstrap”导入{Carousel};
导入'bootstrap/dist/css/bootstrap.min.css'**
从“../Images/CleanHands.jpg”导入CleanHands;
从“../Images/heromes.jpg”导入英雄;
类ImageCarousel扩展组件{
render(){
返回(
);
}
}
导出默认图像转盘;
您需要在应用程序中导入引导css。jsx:
// Importing the Bootstrap CSS
import 'bootstrap/dist/css/bootstrap.min.css';
我可以看到你们有它在你们的旋转木马,但你们应该导入它的应用程序。此外,您还需要按照文档在其
这就是旋转木马工作所需的功能。您需要在App.jsx中导入引导css:
// Importing the Bootstrap CSS
import 'bootstrap/dist/css/bootstrap.min.css';
我可以看到你们有它在你们的旋转木马,但你们应该导入它的应用程序。此外,您还需要按照文档在其
旋转木马工作所需的东西我尝试了你的建议,但仍然不适用于我,我在app.js、index.js和我导入它的js文件中添加了它,但仍然不工作图像显示了一个接一个的导入“bootstrap/dist/css/bootstrap.min.css”;你能帮我解决这个问题吗?我已经试了将近两个小时了,现在它在我的stackblitz上像一个符咒一样工作,即使复制你的整个组件。尝试将css作为app.js的最后一次导入导入。还有,你的react,react dom,引导,react引导版本是什么?如果您可以复制您的bug(stackblitz或codeSandbox将是完美的),或者提供项目的所有代码来复制它,这将是一个很棒的“引导”:“^4.5.0”,“react引导”:“^1.0.1”,“react dom”:“^16.13.1”,“react”:“^16.13.1”,这些是我使用的版本,我也收到警告,但我不知道是否与此问题有关DevTools未能加载SourceMap:无法加载chrome的内容-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: HTTP错误:状态代码404,net::ERR_UNKNOWN_URL_scheme这里出了问题,所以我不知道是什么导致它崩溃。你能试着在codesandbox上复制你的bug吗?(物料界面在stackblitz上不起作用)。您也可以尝试卸载材质ui,也许它会引发一些程序包之间的冲突我尝试了一个新的工作区它工作了我不知道是什么问题我用npm卸载引导程序react引导程序命令卸载了,然后又重新安装了,我也遇到了同样的问题。我试过你的建议,但仍然不适用于我我在app.js中添加的程序,index.js和我导入它的js文件仍然不工作,图像显示一个接一个的导入'bootstrap/dist/css/bootstrap.min.css';你能帮我解决这个问题吗?我已经试了将近两个小时了,现在它在我的stackblitz上像一个符咒一样工作,即使复制你的整个组件。尝试将css作为app.js的最后一次导入导入。还有,你的react,react dom,引导,react引导版本是什么?如果您可以复制您的bug(stackblitz或codeSandbox将是完美的),或者提供项目的所有代码来复制它,这将是一个很棒的“引导”:“^4.5.0”,“react引导”:“^1.0.1”,“react dom”:“^16.13.1”,“react”:“^16.13.1”,这些是我使用的版本,我也收到警告,但我不知道是否与此问题有关DevTools未能加载SourceMap:无法加载chrome的内容-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: HTTP错误:状态代码404,net::ERR_UNKNOWN_URL_scheme这里出了问题,所以我不知道是什么导致它崩溃。你能试着在codesandbox上复制你的bug吗?(物料界面在stackblitz上不起作用)。你也可以尝试卸载material ui,可能会引发包之间的一些冲突我尝试使用一个新的工作区它工作了我不知道有什么问题我使用npm卸载引导反应引导命令卸载,然后再次安装,我也遇到了同样的问题。