在react项目中使用material ui和Tailwind css

文章/答案/技术大牛

发布

2回答

顺风css在nextjs中不能正常工作。

next.js、tailwind-css

我在Next.js中使用顺风，并使用以下命令创建环境：我在<span/>标记上使用断点，如果我使用除默认(Xs)以外的所有断点，那么我的设计工作得很好，但是如果是与其他断点一起使用默认断点text-red-500 sm:text-blue-500 md:text-indigo-500 lg:text-violet-500 font-semibold "> Hy, I am </spa

浏览 9提问于2022-01-09得票数 1

回答已采纳

1回答

reactjs、material-ui、tailwind-css

在react项目中使用顺风css和material ui可以吗？类之间有冲突吗？

浏览 61提问于2021-08-25得票数 0

回答已采纳

1回答

尝试将react.js应用程序部署到heruko时出错

reactjs、heroku、npm、deployment、yarnpkg

我已经将package.json中的引擎指定为纱线和节点，但它始终给我一个错误。请参阅下面的代码以获得更深层次的理解。/core": "4.1.3", "@material-ui/pickers": "3.1.2", "@material

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

1回答

CRA应用程序在生产构建后不运行吗？

reactjs、redux、react-redux、create-react-app、yarnpkg

我有一个用CRA创建的React应用程序，它编译和运行得很好。但是使用yarn buld和serve -s build构建的产品版本在控制台中显示以下错误： Uncaught TypeError: Cannot read property 'a' of undefined在初始化redux缩减程序时，它会在此缩减程序中崩溃： import * as Actions from '..同样，该项目在没有构建的

浏览 16提问于2020-12-23得票数 3

回答已采纳

2回答

如何将尾风CSS滚动-光滑类添加到Next.js

next.js、tailwind-css

我想将滚动行为平滑添加到我的Next.js应用程序中，Tailwind文档指示我们在<html/>中添加实用程序类。-- ... -->此文件不包含html标记： import "@material-tailwind/react/tailwind.<e

浏览 9提问于2022-02-15得票数 3

回答已采纳

2回答

材料-顺风选择选项

reactjs、next.js、tailwind-css

我正在使用@material-tailwind/react in Next.JS应用程序。我从这里的示例中获得了以下代码：。在React中，我可以在selected上使用onChange函数，然后得到所选项的值，例如"e.target.value“。它如何与此组件一起工作？import { Select, Option } from "@material-tai

浏览 9提问于2022-10-14得票数 0

1回答

ReactJS随机意外标记'<‘

javascript、reactjs、unexpected-token

项目是使用create-react-app创建的。未弹出。没有webpack配置。默认"react-scripts": "^3.4.0"..。打开dev版本没有错误。": "^6.5.0", "@material-ui/core": "^4.4.1"

浏览 20提问于2020-02-25得票数 2

回答已采纳

1回答

从侧风底座上移除特定样式

css、sass、tailwind-css

我有一个带有顺风的项目和一个我们希望逐步迁移到的UI库(正在进行中)。我在我的index.css上导入的样式如下@tailwind components; @import '@customPackage/ui-react/dist/style.css';

浏览 10提问于2022-04-07得票数 6

3回答

如何将react.js与tailwind.css结合使用

reactjs、tailwind-css

我想用react.js制作一个项目，并使用tailwind.css进行样式设计，这有可能吗？以及如何希望react.js和样式tailwind.css之间的合并可以在一个包中完成。

浏览 21提问于2022-11-24得票数 -1

1回答

如何在开发模式下设置Tailwind* 3+ PostCSS + Storybook以进行快速刷新？*

tailwind-css、storybook、postcss

我正在尝试创建一个独立的UI库，使用React和Tailwind。我正在使用Storybook测试组件。具体来说，不存在像Vite或Next.js这样的构建器。在之后，我能够设置PostCSS来生成最终的CSS。唯一的问题是，当我进行代码更改(特别是tailwind.config.js)时，Storybook不会刷新。我在--watch中运行了postcss，但我怀疑它不会对tailwind

浏览 15提问于2022-06-28得票数 0

回答已采纳

1回答

生成和导出TailwindCSS和NextJS时遇到的问题

javascript、reactjs、npm、next.js、tailwind-css

我在构建和导出我的TailwindCSS和NextJS项目时遇到了困难。在使用npm run dev时，这个项目工作得很好，我能够使用所有的Tailwind类。build src/styles/index.css -o src/styles/tailwind.css", "dev": "next dev"

浏览 5提问于2021-07-31得票数 2

1回答

错误:无效的钩子调用错误，即使我已经重置为以前的提交。

reactjs、react-hooks

我已经使用了一段时间反应，我可以正确地使用钩子，并没有违反任何钩子规则这里。由于某些原因，我执行了npm安装来重新安装所有的包，然后，我得到了这个错误。proxy": "http://127.0.0.1:5000", "private": true, "@material-ui/c

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

2回答

如何使用、fontAwesome图标和Tailwind.css左对齐所有列表项

css、reactjs、font-awesome、material-ui、tailwind-css

我想左对齐我的列表项目的文本。目前，我有以下几点：我怎么才能让文字对齐呢？import React from 'react';import { withStyles } from '@material-ui/core/styles'; import List from '@material-ui&

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

回答已采纳

1回答

如何用材质-ui/核心主题调色板扩展顺风调色板

reactjs、material-ui、tailwind-css

我有一个创建-反应-应用程序项目，使用@material/core。如何用@material/core托盘扩展顺风css主题颜色。这是我的tailwind.config.js文件，我希望顺风扩展@material/核心托盘颜色。const { makeStyles, createStyles } = require('@material-ui/core'); let mat

浏览 1提问于2022-01-05得票数 1

回答已采纳

4回答

如何在Nx工作区角库中为童话启用Tailwind.css？

tailwind-css、nrwl-nx、angular-storybook、nx-workspace

我在Nx工作区中创建了一个角库来提供ui组件(ui-kit)。在这个图书馆里，我又加了一本故事簿，这本书运行得很好。现在，我还想包括Tailwind，因为组件使用它。我使用nx generate @nrwl/angular:setup-tailwind --project=ui-kit --buildTarget=build-storybook命令为该库设置顺风。createGlobPatternsForDependenci

浏览 13提问于2022-02-25得票数 4

回答已采纳

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 sr

浏览 22提问于2020-05-23得票数 0

1回答

使用自定义组件创建包

javascript、reactjs、material-ui

我想创建一个重要的UI组件，并将其作为npm私有存储库中的单个组件提供给我的公司。Now，问题在这些情况下，如何通过提供全局(项目)主题来创建可重用组件？我没有在MUI文档中找到“良好实践”。

浏览 1提问于2020-04-07得票数 0

2回答

顺风在单体建筑中不能正常工作

javascript、reactjs、next.js、tailwind-css、darkmode

我使用的是使用纱线工作区的monorepo体系结构，其中Tailwind CSS是该项目的基础。在我使用的一个工作区中，我使用了React，并在其样式中添加了Tailwind实用程序。顺风在这个项目中运行得还不错每当我定义新颜色时，不是working.Moreover，我也想实现darkMode，在tailwind.confi

浏览 11提问于2022-02-01得票数 6

回答已采纳

3回答

得到的错误“嵌套CSS被检测到，但CSS嵌套还没有正确配置”的反应应用？

reactjs、tailwind-css、postcss

我一直在将我的CRA项目升级到TailwindCSS 3，但是现在CSS嵌套不再有效了。我尝试用Tailwind (跟随)建立一个普通的CRA项目，只是为了确保我没有冲突，而且仍然没有成功。注意:我也尝试使用require('tailwind/nesting')的数组语法，就像指南建议的那样。有趣的是，从postcss.config.js中删除所有插件(或者使用无法解决问题的require )仍然输出相同

浏览 34提问于2022-01-11得票数 11

回答已采纳

1回答

将Create-React-App与Material* UI一起使用*

reactjs、material-ui、create-react-app

我是第一次接触Material UI和ReactJS。我一直在玩弄和。我的问题是，我可以一起使用Material UI和CRA来构建应用程序吗？

浏览 2提问于2017-05-26得票数 23

回答已采纳

点击加载更多

顺风css在nextjs中不能正常工作。