腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(3089)
视频
沙龙
1
回答
如
何在
Next.js
中
使用
React
Suite
和
顺风
css
?
reactjs
、
webpack
、
next.js
、
tailwind-css
、
rsuite
描述 我想
使用
React
套件和
顺风
,所以我按照文档
中
的安装说明安装了
顺风
,它工作得很好,但是当我安装
React
套件并在next.config.js文件
中
添加一些配置时,
顺风
不再工作了,
React
Suite
from '
react
'import 'assets
浏览 28
提问于2021-10-05
得票数 1
1
回答
在TailwindCSS
中
,您是否需要编写自己的JS以使移动菜单工作?
javascript
、
css
、
tailwind-css
我刚开始
使用
TailwindCSS,并来自Bootstrap (v3,4
和
5)背景。它通过运行npx脚本,扫描模板
中
的类,然后按照生成一个“输出”
CSS
文件来实现这一点。这是正确的吗,即Tailwind只处理项目的
CSS
部分而完全忽略了JavaScript (尽管它
使用
JavaScript自己来完成它的工作)? 我偶然遇到了弗莱比特。我很欣赏Bootstrap
和
Tailwind有一种非常不同的方法,但我的问题是--在“尾风”
中
,我的理解是正确的,您需要
浏览 9
提问于2022-04-11
得票数 0
回答已采纳
1
回答
为什么
next.js
重复样式?
reactjs
、
next.js
、
tailwind-css
、
postcss
我有一个
next.js
项目。对于造型,我正在
使用
顺风
,scss模块
和
postcss。我没有凌驾webpack的配置。在开发模式
中
,
next.js
按预期在标记中注入样式,但在生产中它同时注入类似于*.
css
块
和
标记的样式。
浏览 2
提问于2022-07-03
得票数 1
回答已采纳
2
回答
如何
使用
NextJS动态添加样式表?
javascript
、
reactjs
、
next.js
在我的nextJS应用程序
中
,我需要根据从数据库接收的用户首选项动态加载样式表。因此,在我的页面
中
,我将它添加到Head (next/head)
中
,如下所示:<link rel="stylesheet" href={`/fonts/${type}/stylesheet.
css
not add stylesheets using next/head (see <link rel="stylesheet&quo
浏览 24
提问于2022-04-18
得票数 0
2
回答
在nrwl/nx下一个js项目中
使用
尾风
css
next.js
、
tailwind-css
、
nrwl-nx
如何使尾风
css
在nrwl/nx下一个js项目中工作?现在我
使用
的是常见的方法,但失败了:Error: Didn't get a result from child compilernpx create-nx-workspace@latest');create@tailwind base;
浏览 8
提问于2020-01-15
得票数 3
回答已采纳
1
回答
如
何在
Next.js
中
设置预加载头?
javascript
、
reactjs
、
express
、
next.js
当文件具有随机生成名称时,如
何在
Next.js
中
设置预加载头?根据文档,您可以在next.config.js
中
设置自定义标头。例如,我也有一些本地字体文件,我想要推送,以及
CSS
文件生成的尾风。我已经设
浏览 2
提问于2021-04-26
得票数 2
1
回答
在
Next.js
项目中配置尾风中的颜色中断了所有颜色
next.js
、
tailwind-css
我是第一次在
Next.js
项目中
使用
TailwindCSS。我遵循了他们的文档“如
何在
Nextjs中
使用
顺风
”,并尝试在tailwind.config.js
中
添加颜色,但最终破坏了所有颜色。我在Tailwind上看了一段YouTube视频,但那家伙在常规的HTML/
CSS
项目中
使用
它。他通过运行tailwindcss build styles/globals.
css
-o public/styles.<e
浏览 36
提问于2021-08-08
得票数 2
1
回答
NextJS -只在服务器上呈现或..。两者都有
javascript
、
next.js
因此,我有一个带有导出组件的users.js JSX文件:... return <MainContainer keywords="users"> export default Users因此,很明显,<scr
浏览 1
提问于2021-04-14
得票数 0
1
回答
使用
Nextjs Tailwind情感导出项目会丢失
顺风
css
样式
next.js
、
export
、
tailwind-css
、
postcss
、
emotion-js
我正在启动一个具有现有emotion.js样式的新
Next.js
项目,现在我正在尝试通过https://tailwindcss.com/docs/guides/nextjs指令添加
顺风
这是我的postcss.config.js中
使用
Tailwind的方法 @tailwind base;@tailwind utilities; 并将该
css
包含在/pages/_app.js
中
import我
浏览 96
提问于2021-07-16
得票数 1
1
回答
下一个剪裁器不应用google字体链接标签
css
、
reactjs
、
next.js
、
tailwind-css
、
google-fonts
因此,在
顺风
css
文件中
使用
@import是可行的,但是在_document.jsx中
使用
标记无法工作。module.exports = { "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.crossOrigin="true&
浏览 5
提问于2021-12-12
得票数 0
4
回答
构建和部署Vercel后,
顺风
css
在Vercel上不起作用
reactjs
、
next.js
、
tailwind-css
我正在
使用
Tailwind
CSS
来样式化我的web应用程序,在本地,它工作得很好,但当我构建我的GitHub存储库并将其部署在Vercel上时,它不能工作,这有什么问题吗?在本地: 在Vercel上构建并部署之后:
如
您所见,在本地,col显示为flex,但在服务器上不是。
浏览 44
提问于2021-09-26
得票数 0
4
回答
FontAwesome图标在
react
/next应用程序
中
不能正常工作
reactjs
、
next.js
、
font-awesome
解决了- TLDR;将import '@fortawesome/fontawesome-svg-core/styles.
css
'添加到_app.js / index.js文件
中
,修复了问题,FontAwesome我正在我的下一个应用程序中
使用
FontAwesome。我跟踪了FA网站上的,并在页面上输出了图标SVG。问题是,没有一个工作,而且它们不会按字体大小进行缩放。我不想通过手动攻击SVG
和
添加大小等方式将其合并,因为在响应性方面不太理想。也就是说,最好有图标,标尺,附带
浏览 5
提问于2021-03-09
得票数 7
回答已采纳
1
回答
如何
使用
顺风
手表启动
react
应用程序
tailwind-css
、
react-scripts
这是我在package.json
中
的脚本。我
使用
create-
react
-app创建了一个项目,并希望引入
顺风
。"build:
css
": "postcss src/theme/tailwind.
css
-o src/assets/styles.
css
", "watch:
css
": "postcss -w src/theme/
浏览 22
提问于2020-05-23
得票数 0
1
回答
如何
使用
反应测试库
和
最活跃的测试工具测试主题切换器?
reactjs
、
next.js
、
tailwind-css
、
react-testing-library
、
vitest
我正在
使用
Next.js
和
TypeScript
和
Tailwind.
css
创建一个网络应用程序。对于测试,我
使用
的是vitest @testing-library/
react
@testing-library/user-event。当我手动测试应用程序时,这个功能可以正常工作(点击)。然而,单元测试失败了。
浏览 10
提问于2022-11-04
得票数 0
1
回答
无法覆盖
react
-date-picker
中
的样式
reactjs
、
calendar
、
react-datepicker
支持postcss、sass和
顺风
的
Next.js
应用程序。 background: none; color: #969eac; font-family: 'Mulish';.
react
-datepicker .
react
-datepicker__header { background-colo
浏览 1
提问于2021-01-15
得票数 0
2
回答
Vite不会基于配置构建
顺风
tailwind-css
、
postcss
、
vite
我
使用
yarn create @vitejs/app my-app --template
react
-ts创建了一个新的
react
-ts应用程序。我
使用
yarn add --dev tailwindcss@latest postcss@latest autoprefixer@latest安装了
顺风
。我在postcss.config.js
中
设置了from
和
to from: 'src/styles
浏览 31
提问于2021-02-20
得票数 0
回答已采纳
1
回答
为什么在
使用
npm-run-all创建
React
App时
使用
Tailwind会导致初始白屏?
reactjs
、
create-react-app
、
postcss
、
tailwind-css
我正在尝试将
顺风
整合到我的
react
应用程序
中
。因此,我遵循了这里概述的步骤, 当我启动我的应用程序(刚创建的演示应用程序)时,它加载了一个空白的白屏。刷新页面后,一切工作正常。现在,如果我在没有查看的情况下构建我的tailwindcss,那么
react
应用程序会加载正确的
css
,但是热重新加载不会对tailwindcss起作用,我也不会观察它是否有变化,所以生成的
css
不会发生变化如果我
使用
npm- run -all来运行
react
应用程序
和
浏览 15
提问于2020-05-17
得票数 3
回答已采纳
1
回答
编译裁剪+打字本
typescript
、
tailwind-css
、
swc-compiler
我有一个非常简单的应用程序与一些html,
css
,
和
ts文件。我
使用
编译类型记录并在html/
css
/assets上复制。现在,我希望在我的项目中添加
顺风
,但我不确定它将如何适应构建过程。然而,我不确定swc和
顺风
之间的相互作用。我应该先在src目录上运行
顺风
,然后构建到某个中间目录
中
,然后在该目录
中
运行swc吗?
顺风
甚至可以处理ts文件吗?所有在线资源似乎都是为
使用
re
浏览 15
提问于2022-04-02
得票数 1
2
回答
不
使用
NextJS + bun.sh的
顺风
reactjs
、
next.js
、
tailwind-css
、
bun
我正在用bun在NextJS上工作,并试图在其上安装尾风
CSS
,但似乎Tailwind并没有正式安装bun驱动的NextJS。 [41.5
浏览 3
提问于2022-08-02
得票数 3
1
回答
我想让我的自定义
顺风
类
使用
媒体前缀。
tailwind-css
我正在建设一个网站,
顺风
作为一个
css
框架,但我遇到了一个问题,当我试图
使用
媒体查询前缀的
顺风
(sm:,lg:等)引发此错误: @apply不能与.sm\:一起
使用
,因为.sm\:要么找不到,要么它的实际定义包括一个伪选择器,
如
:悬停、:active等。如果您确信.sm\:存在,请确保在Tailwind看到您的
CSS
之前,任何@import语句都被正确处理,因为@apply只能用于同一
CSS
树
中
的类。有人能解释一下如
何在</
浏览 1
提问于2020-12-02
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Next.js 10 正式发布:带来诸多新特性
Aleph.js发布Alpha版,一个基于Deno的服务器端渲染框架
2020 年你应该知道的 React 库
想在2020年成为前端大师?就做这9个项目吧
2020 年的 JavaScript 后起之秀
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券