colors 相关问题

</</desc>当我这样做时，页面按预期显示。但是，如果我删除该脚本标签，而是将我本地编译的尾风文件包含在： <question vote="0"><code><link href="./output.css" rel="stylesheet"></code><p>所有样式都丢失了 - 该页面以新罗马人没有颜色或尾风的应用。 </p>这里是我的文件夹结构和配置：<p> <pre>项目/</pre> </p>├ - index.html<p> <pre>├─styles.css</pre> </p>├ - 输出。css<p> </p>├─tailwind.config.js<p> </p>├─包裹 <p>├ - img/</p> <p>└─HFU_LOGO.SVG</p> <p></p>Index.html：<p></p> <p><code><!doctype html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="./output.css" rel="stylesheet" /> </head> <body class="min-h-screen flex flex-col"> <header class="w-full flex justify-between items-center p-4 bg-gray-200"> <div class="text-4xl text-left"> <span class="font-bold">Info</span><span class="font-thin">Kiosk</span> </div> <img class="w-1/10" src="./img/hfu_logo.svg" alt="HFU_Logo" > </header> <main class="flex-grow grid grid-cols-4 grid-rows-2 gap-10 p-4"> <div class="col-span-2 row-span-1 bg-green-700 p-4 text-white text-center rounded-lg">C1</div> <div class="col-span-1 row-span-1 bg-green-700 p-4 text-white text-center rounded-lg">C2</div> <div class="col-span-1 row-span-1 bg-green-700 p-4 text-white text-center rounded-lg">C3</div> <div class="col-span-1 row-span-1 bg-green-700 p-4 text-white text-center rounded-lg">C1</div> <div class="col-span-1 row-span-1 bg-green-700 p-4 text-white text-center rounded-lg">C2</div> <div class="col-span-2 row-span-1 bg-green-700 p-4 text-white text-center rounded-lg">C3</div> </main> <footer class="w-full p-4 bg-gray-200 text-center"> Kleiner Text Mittig </footer> </body> </html> </code></p> <p></p>型CSS：<p></p> <p><code>@tailwind base; @tailwind components; @tailwind utilities;``` </code><strong> tailwind.config.js：</strong></p> <pre><code>module.exports = { content: ["./**/*.{html,js}"], theme: { extend: {}, }, plugins: [], }; </code></pre> <p><strong>package.json：</strong></p> <pre><code>{ "name": "infoterminal", "version": "1.0.0", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "tailwindcss -i ./styles.css -o ./output.css --watch" }, "devDependencies": { "autoprefixer": "^10.4.20", "postcss": "^8.5.3", "tailwindcss": "^4.0.7" } } </code></pre> 我运行：<p> <strong><code>npm install npm run build </code></strong> </p>然后通过VSCODE与Liveserver开放。我只是无法运行它。 <pre>我已经在Stackoverflow上找到了类似的问题，但可悲的是，此解决方案对我不起作用：</pre> link到stackoverflow问题<p><strong> </strong></p>应该看起来如何 <pre></pre>看起来如何正式文档后，我建立了一个本地的尾风CSS项目。我运行了NPM安装，使用@TailWind指令创建了styles.css，并配置了我的tailwind.config.js以包含所有.html和.js文件。运行NPM运行构建后，我希望我的本地输出.css包括所有必要的尾风类，以便我的页面看起来与操场上的页面相同。但是，当我打开索引html时，所有的尾风样式都缺少 - 所有东西都是在没有背景颜色或其他样式的新罗马的时代显示的。 <p> </p> 您似乎有V3的尾风码，但已安装了V4。您可以降级至v3或升级为v4。 <pre>V3降级 </pre> run： <p><code>$ npm install tailwindcss@3 </code></p> <p> </p> V4升级 <p> delete<a href="https://stackoverflow.com/questions/76561155/why-is-my-tailwind-css-not-interpreting-colors"><code>tailwind.config.js</code></a>.</p> aadd aa<p><code>.gitignore</code><a href="https://i.sstatic.net/7okFMLue.png" rel="nofollow noreferrer">文件： </a><code>/node_modules </code></p> <p> <a href="https://i.sstatic.net/CU7FOS3r.png" rel="nofollow noreferrer">Edit</a><code>styles.css</code></p>是： <p><code>@import "tailwindcss"; </code></p> </question> <answer tick="false" vote="0">安装V4 CLI： <p><code>$ npm install @tailwindcss/cli </code></p> <h2> </h2> <ol>清理<li> <pre>无论哪种情况，您似乎都不使用</pre><code>autoprefixer</code></li>或</ol><code>postcss</code><h2>，因此可以删除那些NPM软件包：</h2> <ol><code>$ npm uninstall postcss autoprefixer </code><li> <pre> </pre></li>

css node.js colors tailwind-css

回答 0 投票 0

如何配置Python用不同级别的不同颜色配置简单的“记录” 我创建了简单的Python脚本：导入记录导入系统如果__name__ ==“ __ -main __”： logging.basicconfig（level = logging.debug）打印（“这是普通的打印语句＆qu ...

import logging import sys if __name__ == "__main__": logging.basicConfig(level=logging.DEBUG) print("This is a normal print statement", file=sys.stdout) logging.debug("debug message") logging.info("info message") logging.warning("warning message")

python logging colors log-level

回答 0 投票 0

colors 相关问题

最新问题