有简单的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 app.js” 和我的 tailwind 脚本来运行构建过程： "tailwind:css": "postcss ...
我对 tailwindcss 自定义颜色有疑问。我们在 tailwind.config.js 中添加了自定义颜色。 tailwind 配置文件位于根目录中。 民众 源代码 包 json postcss c...
我正在尝试使用 Tailwind CSS 创建此输入布局，但我似乎没有发现 Tailwind CSS 默认支持此功能。 我该怎么做？ 预先感谢您。
tailwind 应用在 tailwind 版本 3 中不起作用
我已成功安装顺风。当涉及到使用@apply时，事情就不起作用了。 我已经成功安装顺风了。当谈到使用@apply时，事情不起作用。 <body> <!-- header --> <header class="bg-transparent absolute top-0 left-0 w-full flex items-center z-10"> <div class="container"> <div class="flex items-center justify-between relative"> <div class="px-4"> <a href="#home" class="font-bold text-lg text-primary block py-6">shrlrmdh</a> </div> <div class="flex items-center px-4"> <button id="hamburger" name="hamburger" type="button" class="block absolute right-4"> <span class="hamburger-line"></span> <span class="hamburger-line"></span> <span class="hamburger-line"></span> </button> </div> </div> </div> </header> </body> 我想仅使用 @apply 指令创建一条线并旋转跨度 这是我的 tailwind css 文件，我在其中放置了 @apply 指令 @tailwind base; @tailwind components; @tailwind utilities; .hamburger-line { @apply w-[30px] h-[2px] my-2 block bg-black; } .hamburger-active > span:nth-child(1) { @apply origin-top-left rotate-45; } .hamburger-active > span:nth-child(3) { @apply origin-bottom-left -rotate-45; } ''' I've tried many methods but @apply still doesn't work. 您需要使用 tailwind @layer 指令才能使 @apply 类正常工作。 @tailwind base; @tailwind components; @tailwind utilities; @layer components { .hamburger-line { @apply w-[30px] h-[2px] my-2 block bg-black; } .hamburger-active > span:nth-child(1) { @apply origin-top-left rotate-45; } .hamburger-active > span:nth-child(3) { @apply origin-bottom-left -rotate-45; } }
我使用 Laravel Breeze 以 Vue 为基础构建了一个新网站。现在发现 Tailwind 文档中定义的内容缺少很多类。 编辑：为了澄清这些是我尝试过的课程...
如何在 Tailwind @layer 中使用 SASS 部分？
我希望可以将 tailwind 组件类分离到多个文件中，并将它们导入到 @layer 组件 {} 中。所以我创建了部分（下划线）.scss 文件。 我的文件是
使用 Prettier 进行自动 Tailwind 类排序无法按照文档中所述工作
我在 macOS 和 VSCode 上遇到 Prettier 自动 Tailwind 类排序插件的问题。根据文档，自定义类应该排序到类的前面...
Tailwind CSS + React - 配置棘手的响应式布局
我想使用 Tailwind 配置一个在更大屏幕上改变的布局。但是，我无法配置布局，以便在移动设备和更大的屏幕上进行调整......
好吧，这很奇怪。我已经阅读了与此相关的多个其他问题，但似乎没有任何办法可以解决它。除了断点外，Tailwind 工作正常。 我心里有这个...
React 中 Tailwind 动态类值编译的问题[重复]
我目前在尝试基于 Tailwind CSS 中动态生成的网格大小变量创建网格时遇到问题。当我使用变量设置 grid-template-rows 和 grid-template-co...
Next.js 项目中自定义类的 Tailwind CSS 编译错误
我正在使用 Tailwind CSS 开发 Next.js 项目，但遇到了似乎无法解决的编译错误。该错误与我在 theme.css 中定义的自定义实用程序类有关...
我一直在尝试在我的项目中使用 Tailwind 添加背景图片，但它不起作用，我猜是因为某个地方的资产管道冲突？ 我尝试过的： 插入
通过 React 中的函数应用时未生成动态 Tailwind 类的问题
问题： 大家好，我对前端开发相当陌生，尤其是 React 和 JavaScript 框架，如 Next.js 和 Tailwind CSS。我已经开始从事几个小项目来提高我的水平
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); ...
我正在尝试使用 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中是如何调用的： 让名称=“asdf”； 让 obj = { 名称 }; // <-- this
我有一个使用 Tailwind CSS 的基于 React 的 NextJS 应用程序。有一个页面组件显示从 A 到 Ö（瑞典语 aplhabet）排序的人员列表。使用移动视图时，UX 指出
我对react jsx很陌生，我正在使用tailwind，这非常好。我也在边走边学。因此，在我的导航中，我能够显示汉堡菜单，但我不喜欢它们的外观...
我正在使用 Tailwind CSS 和内联样式在 React 中开发一个倒计时组件。我想在容器周围应用多色阴影效果，但我似乎无法让颜色显示正确...
为什么Nextjs 14显示按钮与next/font和tailwind不同？
我正在尝试升级到nextjs 14，但坚持如何使用next/font。我有两个具有完全顺风类的按钮，只是最后一个的 nextjs 字体类名不同 这是我的代码 我...
我正在尝试重新创建一个带有顺风的水平滚动导航栏，底部没有滚动条，就像这个例子一样（减少屏幕的宽度以便能够滚动） https://getbootstrap.com/d...
我正在尝试使用 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) 它不起作用：
我构建谷歌网络应用程序的方式是使用 html 文件中的所有客户端 js 以及 code.gs 文件中的所有服务器端代码。有什么方法可以将 JS 与 ... 分开吗
我正在使用 Next JS 12.2.0。我有如下链接标签， {帖子标题} 问题是某些 href 结尾有
Keycloak-js updateToken(minValidity) 需要澄清
我在Keycloak-js中阅读了很多该方法的示例，但没有对以下方法有明确的解释。 updateToken(minValidity: number): KeycloakPromise; 注：我是
我有这个curl命令，我需要在node js中编写： 卷曲-X POST \ https://image.adobe.io/pie/psdService/renditionCreate \ -H“授权：不记名$令牌”\ -H“x-api-...
我正在尝试使用 p5.js 和 Matter.js var Engine = Matter.Engine, 世界=物质.世界， 身体=物质.身体， 事件 = 事情.事件， 身体=妈...
我的 Web 应用程序中的 css 和 js 导入存在一些问题。 我正在使用 Servlet/JSP/CSS/JS。 我对这个问题感到抱歉，我看到了很多关于这个主题和情况的问题和答案，但是
Odoo 15：覆盖已经通过 override 添加的 JS 功能
我正在尝试重写 Odoo 15 JS 函数，该函数已通过 Odoo 源代码中的 override 添加。 我说的是“_getLinesToAdd”函数 这是由“pos_coupon&qu...
在JS文件中我有： {html: '测试代码 HTML', css: '测试代码 CSS'} 我如何解析它以获得 html 和 css 的值？ 这是我尝试过的： const json = JSON.parse(数据); 反对...
嗨，我正在尝试将框架运动导入到 Next Js 中的页面中。 从“framer-motion”导入{motion} 这会破坏页面。我在终端中收到以下错误： /用户/.../站点/.../
我正在尝试在我的项目中使用条带库，在设置它时我在控制台中遇到一些错误和警告 我添加了这2行代码 从“@stripe/stripe-js ...
我是js新手，我想知道JS中是否有XNOR运算符。我尝试了 !(a^b) 但它给出了奇怪的结果。例如： var a,b=“aa”; ^b 这段代码返回 true，但是 I XNOR 返回 false。 上...
我正在仔细阅读一些答案，但它们已经很旧了。有人知道这方面的最新进展吗？ 另外，JS 在不久的将来有可能变成多线程吗？ 罗...
我正在使用 Word js 1.3 开发 Office 2016 Addin。该插件允许定义自定义属性并保存它们的值。 我想在我的插件的 UI 中添加一个按钮来更新
嗨，当我向 React js TextField 组件添加选择时，我遇到问题，不允许输入，因此为了允许输入，我必须将选择设置为 false，但这不会打开包含...的下拉列表
如何在 Primereact (JS) 中更改 TabPanel (TabView) 的内容背景颜色？
如何更改 Primereact (JS) 中 TabPanel (TabView) 的内容背景颜色？理想情况下是页面的基本背景颜色，这里是黑色（我猜）。我想我必须修改...
我正在尝试在 v8 (rusty_v8) 之上开发一个简单的 js 运行时，但我在异步方面遇到了一些麻烦。 我有一个函数，它是 js 领域的入口点： fn message_from_worker(
这个语法在JS中叫什么： 让名称=“asdf”； 让 obj = { 名称 }; // <-- this
“错误：本机加密模块无法用于获取安全随机数。”在jmeter中使用cryptojs
我在JSR223预处理器上的jmeter中使用crypto-js-4.0.0（javascript ECMAScript 262 Edition 5.1）： 加载('C:/Users/hlopezgu/Downloads/crypto-js-4.0.0/crypto-js.js'); var key = '秘密密钥123';...
JS - VSCode 在终端中没有 consol.log 输出
我的终端登录输出有问题： 我运行节点版本 23.4.0 在 Windows 上的 CLI 中使用 Node 并编写 JS 效果非常好 在 Vs Code 中，我创建了文件 app.js 应用程序.j...
当 d3.js 迁移到版本 4 时，对 Api 进行了重大重写，并对模块化打包进行了更改。 我不想升级到 d3.js 版本 4，但我必须重写 React/redu...