React - 从 Node_Modules 导入文件答案

【问题标题】：React - Import a file from Node_ModulesReact - 从 Node_Modules 导入文件
【发布时间】：2019-10-21 03:52:36
【问题描述】：

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

基本上，我正在努力解决我认为非常简单和常见的事情。

我已经安装了它，它在 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');

这些似乎都不起作用。全部错误。

谁能告诉我正确的导入方法？

非常感谢。

【问题讨论】：

你试过不加引号吗？ js import { bootstrap-grid-only-css } from "bootstrap-grid-only-css"
@cullanrocks - 是的，尝试过欢呼 - 不走运！
没有括号怎么办？

标签： reactjs

【解决方案1】：

如果你是导入css文件，那么import后面不要包含文件名

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

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

【讨论】：

感谢@Meet Zaveri。 - 但我收到以下错误 - '找不到模块：您试图导入项目 src/ 目录之外的 ../node_modules/dist/bootstrap-grid-only-css。不支持 src/ 之外的相对导入。'
检查 IDE/文件夹中的正确路径。然后相应地申请。如果相对导入导致错误，请尝试绝对导入。 medium.com/@sherryhsu/…
很高兴为您提供帮助（不像安迪·罗伯森:)）

【解决方案2】：

将引导程序添加到您的反应应用程序非常简单。您可以根据React Docs Adding Bootstrap进行以下步骤

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

npm install --save bootstrap

您可以在上面的代码中添加代表bootstrap的引导版本。

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

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

然后删除scr/App.css

里面的所有自定义css写

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

如果您想观看此视频How to import bootstrap in react application，您将了解它是多么容易。

【讨论】：