All Questions
Tagged with react-bootstrap npm
47 questions
0
votes
2
answers
962
views
I am facing error while trying to install Bootstrap using npm consecutively three times with the following commands one by one
1.) npm install [email protected]
2.) npm install bootstrap
3.)npm install [email protected] popper.js@^1.12.9 bootstrap
But unfortunately each and every time i have to face the same error
(base) ...
0
votes
0
answers
236
views
React app completely empty, and still can't get bootstrap to work
Solved: I installed bootstrap in the wrong directory (outside the main project).
This is literally everything I did so far:
npx create-react-app bootstraptest
cd bootstraptest
npm install react-...
- 1
0
votes
1
answer
111
views
Republishing react-bootstrap component
I am trying to create an npm package that contains a wrapped react-bootstrap component:
import React from 'react';
import { Spinner } from 'react-bootstrap';
import './LoadingSpinner.css';
const ...
- 166
0
votes
2
answers
145
views
What could cause my react-bootstrap modal to ignore all styling?
I've got two projects, one created while following a tutorial series, and another created on my own some time afterwards and trying to follow in its footsteps. I've whittled down my problem to a ...
- 359
0
votes
1
answer
2k
views
Issues getting Offcanvas working with reactstrap
I'm working with an old react app. I want to use the Offcanvas component that's in reactstrap but the version I'm on does that not that installed.
Since the app is rather old I tried to do a pass and ...
- 181
1
vote
1
answer
60
views
Whenever I setup react.js and than import any external link (Material UI or Bootstrap React) entire screen get disabled and turned into white?
I have setup my react.js eairler, everytime I import bootstrap related thing (Container, Row, Col, etc) and than put it on the application, the screen turns out to be white.
HTML and CSS get to be ...
-1
votes
1
answer
116
views
ERESOLVE could not resolve
When I tried installing bootstrap these errors came how to resolve these?
0
votes
0
answers
345
views
How can I change the CSS and script paths in my index.html after running NPM build with GitHub Actions?
I have created a simple static website with React. I'm using the library react-bootstrap that references certain script and css files with absolute paths inside the index.html when I run npm build.
...
- 71
2
votes
1
answer
2k
views
react-bootstrap module has no exported members
I want to use the npm module react-bootstrap (https://www.npmjs.com/package/@types/react-bootstrap) in my Layout component (as the ASP.NET Core 2.1 template client project also has). But the file ...
- 179
4
votes
2
answers
16k
views
TypeError: Class constructor {class} cannot be invoked without 'new'
When running a create-react-app app with react-bootstrap installed, I am getting this error below when trying to add a Button
My imports are like this:
import 'bootstrap/dist/css/bootstrap.min.css';
...
- 1,210
3
votes
2
answers
2k
views
How to import "useAccordionButton"?
Using "react-bootstrap"
import { useAccordionButton } from 'react-bootstrap/AccordionButton';
Gives error message:
Module not found: Can't resolve 'react-bootstrap/AccordionButton'
npm ...
- 364
1
vote
0
answers
166
views
React and Rails: Custom property ignored: not scoped to the top-level :root element
I'm compiling my rails app with webpack and getting an error in the logs. It's associated with using react-bootstrap, but I'm trying to figure out how to resolve this error that repeats a dozen or ...
- 331
0
votes
1
answer
225
views
Relocate dependencies from index.html to package.json
I want to remove my
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/...
- 38
0
votes
1
answer
407
views
How to Change Parcel Bundler's Compiled CSS Links' Order in the Compiled HTML
I'm trying to customize Bootstrap's SASS variables so I need to link Bootstrap's CDN in my uncompiled HTML but every time I use Parcel to bundle everything, the resulting compiled HTML has the link ...
0
votes
0
answers
255
views
Custom Bootstrap Variable Doesn't Apply but Appears as Compiled CSS on dist Folder
I'm using npm, Parcel Bundler, Bootstrap 5, React, and React-Bootstrap.
Everything compiles well on my dist folder even the bootstrap scss variable that I customized but when I start serving the app ...