All Questions
Tagged with react-bootstrap webpack
45 questions
0
votes
0
answers
321
views
how to disable the enforceFocus property applied by bootstrap modal
I have a Chrome extension that injects and opens a modal on other websites, the modal of my chrome extension is made using pure HTML, CSS, and JavaScript. When my extension opens modal on a website ...
0
votes
3
answers
1k
views
How are the imports implemented in different React libraries and how can I implement the same pattern in my own library?
For example, the recommended way of importing in React Bootstrap is to go this way:
import Button from 'react-bootstrap/Button' instead of import { Button } from 'react-bootstrap';
The reason is "...
1
vote
0
answers
252
views
react bootstrap Configuration Error In webpack
have same issues withe web pack project can you please help me to resolve that one. I didn't use react-scripts because it's web pack project. i have migrated react-bootstrap 1.6.4 to 2.1.1
Current ...
1
vote
1
answer
264
views
Load image from css using webpack 5.6
I am having a weird issue... I am trying to accomplish something really easy as suggested by many answers on Stackoverflow, but can't make it work...
I have a simple container with a form, a row, and ...
1
vote
1
answer
630
views
Error in [at-loader] when I use Typescript and react-bootstrap in webpack
I used typescript and react-bootstrap in webpack but when I use the component in react-bootstrap, it showed the error msg as follows:
ERROR in [at-loader] ./node_modules/react-bootstrap/esm/...
0
votes
0
answers
97
views
Unable to include css while running tests in CRA?
When I test a component containing a React Bootstrap Accordion component I cannot check whether or not the Accordion Cards are opened or closed. According to my tests they are always visible, even if ...
0
votes
1
answer
346
views
React-Bootstrap not working for server-side render React App?
I followed this tutorial to do a server side render web app but when I attempted to implement React-Router I get the following error
Error: Element type is invalid: expected a string (for built-in ...
3
votes
0
answers
497
views
Webpack: ReferenceError: document is not defined style-loader
I'm new to webpack and including bootstrap in my project. If I use style-loader I get a "Reference error for document not defined", otherwise if I remove style-loader and then run it, In ...
0
votes
1
answer
1k
views
Webpack esm module resolve "WARNING in ../node_modules/react-bootstrap/esm/index.js"
I followed React & Webpack in order to use Typescript on my project.
After apply some change to webpack.config.js, I get a lot of WARNING message.
I guess webpack try to resolve ESM but failing ...
9
votes
3
answers
9k
views
React-Bootstrap styles not loading with storybook
I started using storybook for my react-typescript project recently and ran into below issues:
My react-bootstrap components do not have style. The components are
loaded but without styles.I tried ...
0
votes
1
answer
2k
views
module parse failed error while importing css file in react with next.js
I am trying to implement a react project with using next.js. I want to import some css files into my file like bootstrap or font-awesome. But it fails when I try to start server.
Here is the error:
...
0
votes
0
answers
570
views
React bootstrap dropdown compatibility with webpack and babel
i was using react-bootstrap components without any problem before adding webpack to my react project, now i am experiencing some weird things.
Navbar Component:
import React, { Component } from '...
5
votes
1
answer
6k
views
TS2307: Cannot find module 'react-bootstrap'
I've got a new react project with webpack and am trying to add "react-bootstrap" to it and render an Alert as a test.
So I've done:
npm install react-bootstrap --save
And have verified the files are ...
1
vote
1
answer
574
views
Webpack mixing up default and named imports
While updating some deps (react-bootstrap) I ran into a react error
You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
...
2
votes
0
answers
2k
views
Reactstrap not rendering
So I´m using reactstrap and i´ve already installed the dependencies Bootstrap and Reactstrap. I also pasted the CDN´s in the html file.
I think the problem may be with the webpack config, but I´m not ...