React - 从 Node_Modules 导入文件

舞蹈家

我是 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');

没有一个似乎工作。所有错误。

任何人都可以建议正确的导入方法吗?

非常感谢。

认识扎维里

如果您要导入 css 文件,则不要在后面包含文件名 import

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

create-react-app启动错误-错误:找不到'\ node_modules \ colorette'的有效导出主文件

错误:找不到文件:'index.js'与磁盘上的相应名称不匹配:'./node_modules/React/react'

从Webpack中的“ node_modules”导入CSS

Angular2和TypeScript导入node_modules

webpack如何解决从node_modules导入?

反应本机无效的podfile“没有这样的文件或目录-./node_modules/.bin/react-native。”

TypeScript:从node_modules导入外部模块

删除node_modules文件夹

无法使用来自node_modules的打字稿导入react-tap-event-plugin

从node_modules导入SASS局部

如何从Vue组件中的node_modules导入CSS文件

从node_modules导入JS到Vue

离子-如何从node_modules导入scss或css文件?

Gulp sass问题与导入以代字号开头的node_modules

从vue-cli应用程序中的node_modules导入js文件

通过运行npm install create-react-app创建的node_modules文件夹有什么用?

npm安装@types /.../ node_modules / react

Vue CLI不处理从Vue文件导入的node_modules内部的JS文件

React Native-Realm-iOS-无法找到构建输入文件:... / node_modules / realm / tests / ios / RJSModuleLoader.m'

如何从node_modules导入JS库

打字稿:如何在node_modules中导入和添加嵌套文件的类型?

node_modules 上的配置文件

NextJS - 当我对我的项目文件进行更改时,我的导入中会出现一个奇怪的“cache/typescript/2.9/node_modules/@types/react'”

无法成功在 WebStorm Node React 中排除 node_modules

使用 node js 导入 React 组件文件

React:node_modules 文件中的更改不反映 UI 中的更改

javascript中从node_modules导入的问题

使用 require() 从 node_modules 导入 css 文件

使用前缀从 node_modules 导入 Vue