react/Next js中的条件css

文章/答案/技术大牛

发布

1回答

javascript、css、reactjs、next.js

我正在使用下一个js，我正在应用组件的条件，但css样式在不同的组件之间发生变化。代码1： import React from "react"; </div>} export default profile; Image of code 1 style import <

浏览 18提问于2021-11-05得票数 0

3回答

如何将静态文件夹中的css包含在项目中？

reactjs、next.js

我在_document.js中从api调用中获取数据，并根据数据放置条件使用链接标记来包含css。我试图将public/static/文件夹中的css文件包含在_document.js或layout.js文件中，但不起作用。layout.js文件imp

浏览 0提问于2019-12-26得票数 2

1回答

next/react中的“条件”css

css、reactjs、next.js

我试图根据元素的参数应用样式。我尝试搜索“条件css反应”、“css中的条件反应样式”和其他类似的查询。我的代码如下：<div class="ChatComponent_chatText__n2g6S"> <span class="ChatComponent_mes

浏览 4提问于2022-04-28得票数 0

回答已采纳

9回答

Next.js -导入css文件不工作

javascript、css、reactjs、next.js

我正在创建一个带有react、redux和next.js的项目，并希望导入js中的CSS文件。 import "..</div&g

浏览 12提问于2018-05-03得票数 33

1回答

反应-引导+ purgeCss + next.js

reactjs、bootstrap-4、next.js、react-bootstrap、css-purge

PurgeCss删除在我的项目中使用的自举css类。我正在使用Next.js框架。import '../dist/css/bootstrap.min.css'; export： //

浏览 7提问于2020-09-12得票数 4

回答已采纳

1回答

如何在尝试导入TypeError时修复“rule.assign :rule.assign不是函数”

next.js、tailwind-css、react-toastify

/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??/node_modules&

浏览 11提问于2021-12-14得票数 0

1回答

Jest遇到了一个意想不到的标记+反应标记

reactjs、testing、ts-jest、babel-jest、react-tsx

<anonymous> (components/media/markdown/index.tsx:7:45){ moduleDirectories: ['node_modules': '<rootDir>/

浏览 19提问于2022-05-25得票数 5

回答已采纳

1回答

如何使用dc.js与next.js (星号/通配符导入问题)？

debugging、next.js、google-chrome-devtools、dc.js

在next.js (12.3.1)应用程序中，我有一个图表组件，其中导入和使用dc.js (7.6.1)：图表显示正确，在import语句中使用星号/通配符似乎是唯一的方法。不幸的是，我没有收到来自next.js的警告，比如"* imports不支持“或"Debug模式由于‘dc’的导入问题而停止”。如果删除dc导入

浏览 8提问于2022-10-04得票数 1

3回答

如何用next.js加载CSS模块

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

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

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

1回答

如何在nextjs中添加自定义Css

html、css、reactjs、webpack、next.js

我试图将这些添加到我的组件中，这个组件还动态地获取其他值。See https://webpack.js.org/concepts#loaders{ "versi

浏览 6提问于2020-05-30得票数 0

回答已采纳

1回答

"ReactBingmaps“不支持node_modules的css文件/模块。

node.js、next.js

复制行为的步骤，请提供代码片段或存储库：// n

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

回答已采纳

2回答

我在react中的单独页面中显示我的问题时遇到问题

reactjs

我正在用react做一个测验应用，我想在一个页面上显示一个问题，但在我的例子中，所有的问题都显示在一个页面上，我该怎么做呢？我使用的是react版本16.8，我使用我的主组件作为状态组件，使用其他组件作为功能组件。我在codesandbox中完成了我的代码，我将添加一个链接，以便你们可以看到它我希望一个问题及其适当的选项应该显示在一个页面中，如果我单击下一步按钮，问题应该切换到下一

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

3回答

在react* js和react原生中构建时的条件导入*

reactjs、react-native、webpack、conditional-statements、next.js

我想在react js和react native之间分享我的逻辑。 withState('loading', 'setLoading', false),) 除了来自next.js路由器的withRouter之外，所有HOCs都可以在react

浏览 27提问于2019-08-07得票数 2

1回答

NextJS -只在服务器上呈现或..。两者都有

javascript、next.js

SSG时，我在浏览器中得到了用户HTML (只是一堆<li>标记)，就像预期的一样，浏览器还接收到一个.next/static/chunks/pages/users.js，该组件的抽象/低级表示形式是客户端这是通过<script>在HTML.中导入的。 AssumptionL，js文件用于将用户数据集的CSR风格呈现到HTML中。react_j

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

3回答

如何在nextjs app中导入外部css文件

reactjs、nextjs、webpack-loader、css-import

我正在开发基于react的nextjs应用程序。一些npm包正在使用外部css导入。我收到的错误信息如下 Module parse failed, you may need an appropriate loader to handle this file type.如何在我的nextjs应用程序中支持从外部包导入css。我已经通过在next.config.js中做了一些更改来检查过，它是有效的。但我无法找到适当<e

浏览 7提问于2017-11-24得票数 7

回答已采纳

2回答

fullcalendar - NextJS -动态导入不显示日历

reactjs、fullcalendar、next.js、fullcalendar-5、react-loadable

次以错误Please import the top-level fullcalendar lib before attempting to import a plugin (like this，但在我的例子中版本是正确的在那之后，我发现next/dynamic的模块选项已经被弃用了。我认为这是我问题的根源(我不能百分之百确定，但至少它已经被弃用，需要更新)。import dynamic from "next/dynamic"; i

浏览 426提问于2021-03-23得票数 8

3回答

使用NextJS和Next-CSS进行反应:您可能需要一个适当的加载器来处理此文件类型

css、reactjs、webpack、next.js

使用NextJS构建一个React-App。为了使用css-file，我使用next-css plugin来实现。但是当我构建我的应用程序时，我得到了以下错误：You may need an appropriate loader我的next.config.js文件如下所示： // next.config.js

浏览 2提问于2018-09-27得票数 12

4回答

我可以在Next.js中使用React* Bootstrap吗？*

reactjs、bootstrap-4、next.js、react-bootstrap

有没有人知道你能不能在Next.js中使用react-bootstrap？我使用的是两者的最新版本，现在我可以提供代码，但现在我的应用程序没有抛出任何错误，它只是没有注册我的任何react-bootstrap组件。也许有一些我在网上找不到的窍门？next.config.js const withCSS = require('@zeit/next-css<

浏览 3提问于2019-10-22得票数 22

回答已采纳

3回答

如何在next.js中延迟加载渲染阻塞css？

javascript、reactjs、next.js

正如你在下面的next.js代码中看到的，我试图通过在href属性中给出我的main.css文件路径来延迟加载渲染阻塞css，但我在next.js中很难做到这一点。我想要的是在_document.js标签下加载关键的css标签后，加载非关键的css这不是以上的文件夹。_app.js</

浏览 0提问于2020-08-03得票数 8

3回答

如何用Next.js实现诸如Quill或Draft.js之类的富文本编辑器？

javascript、reactjs、next.js、quill、draftjs

出于搜索引擎优化和性能的目的，我有一个使用Next.js构建的大型应用程序，该应用程序有一个超级交互的部分，它需要一个文本编辑器(如Quill.js或Draft.js)，其中的数据在两个用户之间使用Socket.io问题是我不能让文本编辑器与Next.js一起工作。当我导入Quill时，它显示‘文档未定义’，因为服务器上没有文档。使用Draft.js，它不会呈现任何内容，但也不会出现错误。下面是我

浏览 78提问于2019-03-25得票数 5

回答已采纳

点击加载更多