tailwind-in-js 相关问题


顺风未加载颜色

有简单的html: 公共/index.html: 有简单的html: public/index.html: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body class="text-red-600"> some text </body> css 是从 tailwindcss -i src/styles.css -o public/styles.css 获取的 src/styles.css: @tailwind base; @tailwind components; @tailwind utilities; tailwind.config.js: module.exports = { content: ["./src/**/*.{html,js}"], theme: { extend: {}, }, plugins: [], } <body>标签中的红色不适用。默认的顺风类别是否导入到public/styles.css? Tailwind 配置中的 public/index.html 文件似乎没有覆盖 content 文件。您必须确保使用 Tailwind 类的源代码文件被 content 文件 glob 覆盖,否则 Tailwind 将不会扫描这些文件,也不会为存在的类名生成 CSS 规则。考虑阅读有关配置的文档content。 module.exports = { content: [ "./src/**/*.{html,js}", "./public/index.html", ], theme: { extend: {}, }, plugins: [], }


Next.js 14 个 tailwind css 类不起作用

我在新项目中将 Tailwind CSS 与 Next.js 14 一起使用,但是当我在 page.tsx 文件中使用 Tailwind CSS 类时,它不起作用。我尝试更改 tailwind.config.ts 和 tailwind.config.js acco...


如何同时运行nodemon和tailwind?

构建节点项目时,我的启动脚本是: “开始”:“nodemon app.js” 和我的 tailwind 脚本来运行构建过程: "tailwind:css": "postcss ...


tailwind 配置文件无法访问

我对 tailwindcss 自定义颜色有疑问。我们在 tailwind.config.js 中添加了自定义颜色。 tailwind 配置文件位于根目录中。 民众 源代码 包 json postcss c...


Tailwind 缺少很多款式

我使用 Laravel Breeze 以 Vue 为基础构建了一个新网站。现在发现 Tailwind 文档中定义的内容缺少很多类。 编辑:为了澄清这些是我尝试过的课程...


使用 Prettier 进行自动 Tailwind 类排序无法按照文档中所述工作

我在 macOS 和 VSCode 上遇到 Prettier 自动 Tailwind 类排序插件的问题。根据文档,自定义类应该排序到类的前面...


Tailwind CSS + React - 配置棘手的响应式布局

我想使用 Tailwind 配置一个在更大屏幕上改变的布局。但是,我无法配置布局,以便在移动设备和更大的屏幕上进行调整......


Tailwind 中的断点问题

好吧,这很奇怪。我已经阅读了与此相关的多个其他问题,但似乎没有任何办法可以解决它。除了断点外,Tailwind 工作正常。 我心里有这个...


React 中 Tailwind 动态类值编译的问题[重复]

我目前在尝试基于 Tailwind CSS 中动态生成的网格大小变量创建网格时遇到问题。当我使用变量设置 grid-template-rows 和 grid-template-co...


Next.js 项目中自定义类的 Tailwind CSS 编译错误

我正在使用 Tailwind CSS 开发 Next.js 项目,但遇到了似乎无法解决的编译错误。该错误与我在 theme.css 中定义的自定义实用程序类有关...


使用 tailwind 从资源管道中插入背景图像

我一直在尝试在我的项目中使用 Tailwind 添加背景图片,但它不起作用,我猜是因为某个地方的资产管道冲突? 我尝试过的: 插入


Tailwind css 类不适用于我的组件,直到我将其带到我的 page.js

tailwind 在我的 nextjs 项目上无法正常工作,我已经检查了所有配置,但没有任何检查结果。 我发现当我从导航栏组件中携带代码时它开始工作


如何让 Tailwind Intellisense 处理 .html.erb 文件?

根据我从有类似问题的人那里找到的大多数帖子,我将以下内容放入我的 VScode settings.json 中: “tailwindCSS.includeLanguages”:{ “javascript”:...


从后台js到内容js的sendMessage不起作用,但内容js到后台js可以工作

content.js chrome.runtime.onMessage.addListener( (请求,发送者,发送响应)=>{ console.log("消息已收到"); console.log(请求、发送者、sendResponse); ...


带有 Tailwind 风格的 Sveltekit 套件

我正在尝试使用 svelte 打包库创建一个 Svelte 组件包(您可以使用 npm create svelte@latest 并选择 svelte 库进行设置。然后我在


TailwindCss 自定义颜色无法在 javascript 中访问

我对 tailwindcss 自定义颜色有疑问。我们在 tailwind.config.js 中添加了自定义颜色。 tailwind 配置文件位于根目录中。 民众 源代码 包 json postcss c...


taiwlind JavaScript 无法在 blazor .net8 中使用 @rendermode InteractiveWebAssembly 执行

我最近配置了一个具有自动渲染模式的 Blazor 项目,并结合了 Tailwind CSS。然而,在 Razor 页面中使用需要 flowbite.min.js 的组件时,我遇到了挑战...


JS对象变量作为键值赋值

这个语法在JS中是如何调用的: 让名称=“asdf”; 让 obj = { 名称 }; // <-- this


屏幕外水平滚动的顺风问题(溢出)

我有一个使用 Tailwind CSS 的基于 React 的 NextJS 应用程序。有一个页面组件显示从 A 到 Ö(瑞典语 aplhabet)排序的人员列表。使用移动视图时,UX 指出


为什么Nextjs 14显示按钮与next/font和tailwind不同?

我正在尝试升级到nextjs 14,但坚持如何使用next/font。我有两个具有完全顺风类的按钮,只是最后一个的 nextjs 字体类名不同 这是我的代码 我...


如何在 Tailwind 中创建没有滚动条的可滚动元素

我正在尝试重新创建一个带有顺风的水平滚动导航栏,底部没有滚动条,就像这个例子一样(减少屏幕的宽度以便能够滚动) https://getbootstrap.com/d...


具有固定标题和可滚动正文的 Tailwindcss 表格

我正在尝试使用 Tailwind 构建一个具有固定标题和可滚动正文的表格。请注意,只有表格的主体应该是可滚动的,而不是周围的 div。这是为了防止


为什么我的 React 应用程序在 http://localhost:3000/static/js/bundle.js 处显示错误

启动我的 React 应用程序时收到以下消息: 错误[对象对象]在handleError(http://localhost:3000/static/js/bundle.js:56279:58)在http://localhost:3000/static/js/bundl...


自动完成功能不适用于 VSCode 中的 TypeScript + Node

所以如果我编写纯 JS (.js),它的工作方式如下: 但对于 TypeScript (.ts) 它不起作用:


Next JS Link 标签有时会从动态路由中删除“/”

我正在使用 Next JS 12.2.0。我有如下链接标签, {帖子标题} 问题是某些 href 结尾有


这个curl命令的node js等效项是什么?

我有这个curl命令,我需要在node js中编写: 卷曲-X POST \ https://image.adobe.io/pie/psdService/renditionCreate \ -H“授权:不记名$令牌”\ -H“x-api-...


如何在p5.js和matter.js中用图像填充形状

我正在尝试使用 p5.js 和 Matter.js var Engine = Matter.Engine, 世界=物质.世界, 身体=物质.身体, 事件 = 事情.事件, 身体=妈...


Odoo 15:覆盖已经通过 override 添加的 JS 功能

我正在尝试重写 Odoo 15 JS 函数,该函数已通过 Odoo 源代码中的 override 添加。 我说的是“_getLinesToAdd”函数 这是由“pos_coupon&qu...


在JS中解析JSON字符串[已关闭]

在JS文件中我有: {html: '测试代码 HTML', css: '测试代码 CSS'} 我如何解析它以获得 html 和 css 的值? 这是我尝试过的: const json = JSON.parse(数据); 反对...


Framer-motion导入中断页面下一个Js

嗨,我正在尝试将框架运动导入到 Next Js 中的页面中。 从“framer-motion”导入{motion} 这会破坏页面。我在终端中收到以下错误: /用户/.../站点/.../


javascript中有XNOR运算符吗

我是js新手,我想知道JS中是否有XNOR运算符。我尝试了 !(a^b) 但它给出了奇怪的结果。例如: var a,b=“aa”; ^b 这段代码返回 true,但是 I XNOR 返回 false。 上...


JS现在支持多线程了吗?

我正在仔细阅读一些答案,但它们已经很旧了。有人知道这方面的最新进展吗? 另外,JS 在不久的将来有可能变成多线程吗? 罗...


如何使用Word js更新DocProperty字段

我正在使用 Word js 1.3 开发 Office 2016 Addin。该插件允许定义自定义属性并保存它们的值。 我想在我的插件的 UI 中添加一个按钮来更新


searchble选择输入react js

嗨,当我向 React js TextField 组件添加选择时,我遇到问题,不允许输入,因此为了允许输入,我必须将选择设置为 false,但这不会打开包含...的下拉列表


如何在 Primereact (JS) 中更改 TabPanel (TabView) 的内容背景颜色?

如何更改 Primereact (JS) 中 TabPanel (TabView) 的内容背景颜色?理想情况下是页面的基本背景颜色,这里是黑色(我猜)。我想我必须修改...


如何使用 rusty_v8 处理异步操作

我正在尝试在 v8 (rusty_v8) 之上开发一个简单的 js 运行时,但我在异步方面遇到了一些麻烦。 我有一个函数,它是 js 领域的入口点: fn message_from_worker(


对象变量作为键和值赋值[重复]

这个语法在JS中叫什么: 让名称=“asdf”; 让 obj = { 名称 }; // <-- this


如果没有定义如何添加全局变量

当 d3.js 迁移到版本 4 时,对 Api 进行了重大重写,并对模块化打包进行了更改。 我不想升级到 d3.js 版本 4,但我必须重写 React/redu...


在 Electron-vite 中包含本地 JavaScript 库的 TypeScript 无法正确编译

我正在尝试将本地库导入到 vite-electron TypeScript 项目中。请原谅我对 vite-electron 和 JS 捆绑生态系统缺乏了解,我是 JS 和 TS 开发的新手......


在编写返回 jsx 的脚本时使用 .js 文件扩展名

我开始使用 React 作为我选择的 ui 框架。在我浏览文档时,我注意到当使用 create-react-app 脚本启动新的 React 样板时,他们使用了 .js


Adminjs 实现问题“无法在模块外部使用 import 语句”

我是 Node Express js 的新手。只是尝试使用express js 编写后端代码。现在我想在我的项目中添加adminjs。由于我是本节的新手,因此我遵循了


反应本机布局组件的编译是否与逻辑不同?

我试图理解 React 本机视图/布局代码的编译方式与逻辑代码的不同。我知道 JS 逻辑保存在 JS 包中并与本机应用程序通信...


从 pact-js 存储库运行示例时无法找到本机模块错误

我正在运行 pact-js 存储库中的消费者示例。重现下面的示例(我修改了文件以避免打字稿): 从 '@pact-foundation/pact' 导入 { PactV3, MatchersV3 }; 导入...


Next JS (React) 不理解 stencil Prop

按照目前的流程,React 在我们的 SPA 中托管模板 JS 组件,像往常一样,随着范围的增加,它现在对 SEO 和性能产生影响,而且重点是我们无法改变主要架构......


研究新的.NET8 Blazor Web 应用程序。如何将 .js 添加到 .razor 页面?

应该很简单,但是我真的找不到将.js添加到项目中的方法。 我使用如下简单代码创建了一个 .razor 页面: @页面“/文本” @rendermodeInteractiveAuto @inj...


如何在 JS 源中显示行级分析?

我读过这篇关于分析运行时性能的文章。下图是从这篇文章复制的。如果您检查此图像,接下来会出现黄色突出显示的 JS 文件执行时间提示...


通过 CDN 提供 JS 小部件

我需要做这件事,我必须在 vanilla js 中制作一个小部件(可交互)并通过 CDN 提供服务。对于服务,我想到了 Google 的 Cloud CDN。最终目标是一个模块化的小部件,任何人...


Laravel 和 Vue Js 应用程序中的脚本无法使用响应正文(原因:CORS 缺少允许来源)

开发 Laravel 10 + Vue Js 3 应用程序两个项目文件是分开的。我也有以下 api.php 登录路线 路线::post('/login', [LoginController::class, '提交']); 并使用


Next js firebase(firestore数据库)自动生成的id错误

嗨,谁能告诉我,当我想在下一个 js 中获取页面的详细信息并且我从 firestore 数据库获取数据时,这对我来说是这样的 Firebase 初始化成功 page.js:32路由器。


三个js - 不同灯光的不同阴影贴图

我有一个带有两个灯光的三个 js 场景。我希望灯光 A 使用 PCFShadowMap,灯光 B 使用 BasicShadowMap。如何实现这一目标? 我主要关心的是性能。我正在寻找一种投射方式


© www.soinside.com 2019 - 2024. All rights reserved.