反应-从Node_Modules导入文件

Question

我是React的新手，但已经广泛使用了React Native。

基本上，我正在努力进行一些简单而又常见的工作。

我想使用NPM软件包bootstrap-grid-only-css（ https://www.npmjs.com/package/bootstrap-grid-only-css ）。

我已经安装了它，并且它在node_modules文件夹中可用。 我的问题是尝试将其导入到app.js文件中。

我努力了

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

和

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

也尝试过

const bs = require（'bootstrap-grid.min.css'）;

这些似乎都不起作用。 所有错误。

任何人都可以建议正确的进口方式吗？

非常感谢。

Answer 1

如果要导入CSS文件，然后不包括后文件名import

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

就像： import 'react-tabs/style/react-tabs.css';

Answer 2

将bootstrap添加到您的react应用程序非常简单。 您可以根据React Docs Adding Bootstrap按照以下步骤进行操作

第一步，您需要通过npm install将引导程序添加到项目中。

npm install --save bootstrap

您可以在上述代码中添加代表bootstrap bootstrap版本。

然后转到src / index.js文件，并在开始时导入Bootstrap CSS和可选的Bootstrap主题CSS，并在index.js中添加以下行

import 'bootstrap/dist/css/bootstrap.css';

然后删除所有在scr / App.css中写入的自定义CSS

然后签出在App.js文件中添加引导代码的代码，它应该可以正常工作。

如果您想观看此视频如何在React应用程序中导入引导，您将了解它是多么容易。