Skip to main content

All 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 ...
Samridhi Kumari's user avatar
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 "...
kekerinho's user avatar
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 ...
Tamilarasan B's user avatar
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 ...
Emixam23's user avatar
  • 3,964
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/...
just_code_dog's user avatar
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 ...
Pmarcoen's user avatar
  • 1,236
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 ...
VericalId's user avatar
  • 105
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 ...
mayank dargan's user avatar
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 ...
ibocon's user avatar
  • 1,494
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 ...
user2053459's user avatar
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: ...
James's user avatar
  • 27
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 '...
gutmanan's user avatar
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 ...
AllFallD0wn's user avatar
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. ...
Mattia Larentis's user avatar
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 ...
Michalistico's user avatar

15 30 50 per page