React - Import a file from Node_Modules

Question

I am new to React but have used React Native pretty extensively.

Basically I'm struggling with something that I expect is pretty simple and common.

I want to use an NPM package bootstrap-grid-only-css (https://www.npmjs.com/package/bootstrap-grid-only-css).

I have installed it and its available in the node_modules folder. My issue is trying to import it into the app.js file.

I have tried

import { 'bootstrap-grid-only-css' } from "bootstrap-grid-only-css" 

and

import { 'bootstrap-grid.min.css' } from "../node_modules/dist/bootstrap-grid-only-css"

Have also tried

const bs = require('bootstrap-grid.min.css');

none of which seem to work. all error.

Can anyone advise the correct method of import please?

Thanks very much.

Answer 1

If you are importing css file, then do not include file name after import

import "../node_modules/dist/bootstrap-grid-only-css"/bootstrap-grid.min.css

Just like: import 'react-tabs/style/react-tabs.css';