在React中使用CSS模块的问题

文章/答案/技术大牛

发布

1回答

javascript、reactjs

我是React的新手，正在学习如何在React中使用CSS模块，但遇到了这个错误： Failed to compile. ./Header.module.css' in 'C:\Users\User\Desktop\qwerty\qwerty-project\src\components\Header' 下面是我使用的代码import React from "

浏览 8提问于2019-09-10得票数 0

0回答

如何在react项目中使用react-table中的css文件以及css模块？

css、reactjs、css-modules、react-table

我一直在我的react项目中使用css模块，最近使用安装了react-table，但我在导入它的css文件时遇到了问题。react-table的源代码显示我需要从react-module导入css文件，如下所示： import "react-table/react<

浏览 0提问于2018-07-16得票数 0

1回答

如何使样式表只对一个组件react.js可访问

javascript、html、css、node.js、reactjs

比方说navbar.css和footer.css。我想在这两个css文件中使用伪元素:root来定义变量。但是，我不希望其他css文件能够访问这些变量。当我使用这两个组件时，css文件合并在一起，我的样式也会发生冲突。我怎么才能阻止这一切？</div>}--- export defa

浏览 5提问于2020-05-23得票数 1

2回答

Reactjs: ReactTable css不使用js文件中的导入加载css

reactjs、webpack、react-table

我正在尝试使用ReactTable使用当我尝试导入css没有导入blob:http://localhost:8080/cfd98537-05a8-4091-9345-d6ae877d3d25<link rel="styl

浏览 2提问于2018-10-25得票数 0

1回答

如何在react粘贴表中实现样式或sass / css模块

javascript、reactjs

它不是接受的CSS或样式。但是一些样式或CSS元素可以使用react-sticky-table。它没有完全接受样式套餐链接：演示链接

浏览 2提问于2020-06-09得票数 0

2回答

尽管进行了正确的编译，但CSS模块导入不起作用

javascript、css、reactjs、react-css-modules

我在将css模块导入react组件时遇到了问题。 import React from 'react' ... className={styles.button}... export default Button; 没有编译错误之类的东西一切似乎都是正确<e

浏览 16提问于2020-09-19得票数 0

1回答

React内联css类，不导入

reactjs、webpack、webpack-dev-server

我有一个包含css文件的目录，我想以如下方式导入它们，而不是在文件顶部导入它 <div className={`chartbar`} 我想要内联导入的文件都在'src/app/containers/chart/styles‘目录中。{ include: [ path.resolve(__dirname, 'src&#

浏览 14提问于2020-04-21得票数 0

1回答

使用webpack时无法找到导入模块的字体文件

webpack

我有一个React应用程序，并且正在使用webpack作为模块绑定器。我使用模块react-widgets作为一些输入字段。react-widgets附带一个默认的css react-widgets.css，我想将它包含在我的组件中，我使用了 require('react-widgets/dist/

浏览 0提问于2016-01-20得票数 3

回答已采纳

3回答

如何用next.js加载CSS模块

javascript、node.js、reactjs、vue.js、next.js

我正在尝试使用我的react应用程序中的react-datepicker模块，但我在尝试加载react-datepicker的css模块时遇到了困难。我正在使用next.js在服务器端呈现我的应用程序。我试图实现next提供的一个css loader来解决这类问题，但在尝试构

浏览 4提问于2019-07-23得票数 4

2回答

如何将列表从一个组件共享到另一个组件？

reactjs

App.jsx模块：import './App.css';import Conduct from './Conduct.css'; import Election from '.<h2>you can vote her

浏览 5提问于2021-01-20得票数 1

1回答

如何配置同构风格的加载器来加载节点模块？

node.js、reactjs、postcss、draftjs、isomorphic-style-loader

我正在尝试使用react草稿-wysiwyg模块，但是与该模块相关的导入样式没有被使用。我认为这是因为将导入的css加载到散列中，而模块中元素的类属性则不是。既然如此，我是否可以：

浏览 6提问于2017-12-26得票数 4

回答已采纳

3回答

将react-datepicker css加载到jsx文件时出现问题

javascript、reactjs、webpack、react-datepicker

根据react-datepicker文档，我尝试导入css文件，但react作为You may need an appropriate loader to handle this file type抛出了一个错误我已经在webpack-config文件中包含了css-loader。有什么东西丢了吗？以下是jsx文件的import部分 import React, { Component } from 'react';

浏览 0提问于2018-10-01得票数 2

2回答

在脚本类型中添加SVG内容时出错

javascript、typescript、react-redux

我正在将java脚本文件迁移到脚本类型，并得到错误(如)，无法找到名称‘svg’..ts(2304)import React from 'react'; <svg viewBox="0,0,48,44" focusable="false">className={style

浏览 2提问于2019-10-11得票数 2

3回答

Webpack: node_modules/css/index.js没有返回函数

javascript、webpack

我是第一次尝试使用webpack，并使用开始并包含了react.js。/** @jsx React.DOM */ require('../css/norma

浏览 77提问于2015-04-27得票数 17

回答已采纳

4回答

响应引导表而不是格式化

reactjs、bootstrap-4

我是非常新的反应，并试图跟随一个。有了以上所述，我期望有一张表如下所示：但是，我在代码中看到的是：为什么表没有出现在示例中？import React, { Component } from "<e

浏览 0提问于2018-11-22得票数 0

回答已采纳

2回答

React + Reactstrap + CSS模块+ Webpack

reactjs、webpack、bootstrap-4、react-css-modules、reactstrap

我一直在寻找如何将以下模块组合在一起: ReactJS + ReactStrap和css模块(ReactJS-css-ReactStrap和/或boostrap CSS-Modules )，但是，我似乎无法将这三个模块组合在一起以达到预期的效果</Button>};import Re

浏览 0提问于2017-07-31得票数 14

2回答

无法从css-loader读取

css

我有一个问题，做npm启动，这似乎是一个错误的css-loader，但我不能解决它。/node_modules/@inrupt/solid-style-guide/css/main.css> 2 | var content = require/css-loader/index.js??ref--8-oneOf-3-1!../../..&#x

浏览 0提问于2021-04-13得票数 0

1回答

未将模块CSS加载到项目中

css、reactjs、npm

我已经开发了一个react模块，并且为了演示react模块，我已经设置了一个react项目。一切正常，webpack的配置被设置为使用下面的css加载器。 test: /\.(css|less)$/,} 当导入和使用模块时，它在项

浏览 0提问于2018-08-23得票数 0

3回答

针对反应性js中每个组件的css隔离

css、reactjs、sass、create-react-app、stylus

我在创建-反应-应用程序之上构建了我的react应用程序。我希望我的每个组件都有本地css。我计划使用css模块，但这些是问题所在。如果我使用css模块这是我的scss文件

浏览 1提问于2018-01-22得票数 14

2回答

如何在一个项目上添加css类和css模块？

reactjs

目前，在React中，我用css模块编写我的css。然而，我也使用字体-可怕的库，它使用正常的css。那么，我的问题是，有一种方法来使用一个正常的css和css模块在同一个选择器上？

浏览 1提问于2019-07-01得票数 0

回答已采纳

点击加载更多