如何在Laravel代码之前加载CSS？使用Tailwind

文章/答案/技术大牛

发布

1回答

html、css、laravel

我的问题是:当我转到我的页面时，第一眼看到的是没有样式的HTML代码，但1秒后它就加载了。我该如何解决这个问题呢？我需要让CSS加载之前，以查看网站始终与样式，即使我去其他链接/路线，你知道。我使用的是Laravel、模板、html代码和TailwindCSS 谢谢。

浏览 15提问于2021-05-21得票数 0

2回答

Laravel 8安装尾风CSS ModuleBuildError：

css、npm、laravel-mix、tailwind-css、laravel-8

我正在学习laravel 8。当我尝试使用npm命令安装顺风CSS时。使用laravel安装新鲜的laravel 8。postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^95.像这样编辑tailwind.config.js/app.css', 'public/<em

浏览 2提问于2020-12-21得票数 1

回答已采纳

3回答

Laravel与Bootstrap 4的混合

laravel、bootstrap-4、laravel-8、laravel-mix

我一直在学习Laravel (8)，并很享受使用tailwindcss的乐趣。也就是说，我仍然希望使用Bootstrap来做一些事情。我在查找有关如何在laravel 8中设置bootstrap和laravel mix的文档时遇到了问题。更具体地说，在resources/css/app.css文件中，我们为顺风设置了以下内容：@tailwind component

浏览 1提问于2020-12-08得票数 3

2回答

在TailWind CSS中使用颜色

tailwind-css

如何在TailWind CSS中使用颜色？const { colors } = require('tailwindcss/defaultTheme') extend: {}, }

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

回答已采纳

1回答

Heroku服务器没有在我的laravel项目中加载顺风css样式

laravel、heroku、deployment、tailwind-css、production

我在Heroku上使用Tailwind部署了Laravel，主页上的普通css运行良好，但是当我将/login添加到地址以移动到Laravel微风登录页面时，Tailwind并没有加载。我使用Laravel 8与尾风css v3。

浏览 2提问于2022-02-04得票数 0

回答已采纳

2回答

Next.js应用程序中CSS模块的特异性控制

css、webpack、next.js、tailwind-css、css-modules

我试图找出一个很好的工作流程，如何在Next.js中使用Tailwind和CSS，但是我遇到了一些棘手的问题，涉及到Webpack插入样式的顺序和特性。}`} />@tailwind base;@tailwind utilities选项2将使用CSS模块并应用如下

浏览 7提问于2021-03-16得票数 12

1回答

为什么Tailwindcss不能为jQuery覆盖<a>移动css？

jquery、css、tailwind-css

我正在使用Tailwind (与laravel)一起与jQuery移动项目。问题是，jQuery移动电话覆盖了<a>标签的样式。 <link rel="stylesheet" type="text/css" href="{{ mix('css/ap

浏览 8提问于2021-01-04得票数 0

回答已采纳

1回答

JIT模式下尾风CSS的工作流

css、tailwind-css、blazor-webassembly、jit、hot-reload

我正在尝试在我的Blazor WASM项目中的尾风CSS。npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch 当使用热重新加载或VS

浏览 7提问于2022-01-12得票数 0

1回答

我不能把顺风风装到拉拉-喷气机的叶片部件上。

php、css、laravel、laravel-blade、jetstream

我开始了一个使用的项目，我不能加载顺风风格。我试着把它放在组件和欢迎页面中。我不知道结果。这是密码。在视图中，它没有用样式显示。 <link rel="stylesheet" href="{{asset('css/app.css')}}"> body {

浏览 5提问于2021-08-31得票数 1

3回答

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

reactjs、tailwind-css、postcss

Please enable a CSS nesting plugin *before* Tailwind in your configuration.，我在Tailwind之前添加了嵌套插件。注意:我也尝试使用require('tailwind/nesting')的数组语法，就像指南建议的那样。有趣的是，从postcss.config.js中删除所有插件(或者使用无法解决问题的require )仍然输出相同的错误，这意味着不需要这个文件来<

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

回答已采纳

1回答

Laravel 8.x Tailwind前缀

laravel、bootstrap-4、tailwind-css、laravel-pagination

顺风允许在tailwind.config.js中设置前缀。。但是，Laravel 8.x默认使用Tailwind，除非设置为使用Bootstrap。。有没有办法让Laravel知道我设置的Tailwind前缀，以便它使用正

浏览 6提问于2021-09-27得票数 0

1回答

`@apply` `不能与`‘一起使用，因为’‘。顺风

laravel、laravel-mix、tailwind-css、postcss-import

我知道错误： @apply不能与.text-grey-default一起使用，因为.text-grey-default要么找不到，要么它的实际定义包括一个伪选择器，如：.text-grey-default如果您确信.text-grey-default存在，请确保在Tailwind看到您的CSS之前，正确处理了任何@import语句，因为@apply只能用于同一CSS树中的类。我认为这是因为不在相同的CSS文件中，但我使用postcss-import来克

浏览 3提问于2020-05-06得票数 2

2回答

通过NPM将FullCalendar安装到laravel项目

node.js、laravel、npm、fullcalendar、fullcalendar-5

我对Laravel和web packs仍然是个新手。我正在尝试通过NPM将FullCalendar安装到我的Laravel项目中-之前我一直在使用cdnjs的includes，但我想以另一种方式学习。@tailwind base;@tailwind utilities; @fullcalendar/daygrid&#x

浏览 59提问于2021-04-12得票数 1

1回答

如何在生产上使用netlify进行编译时退出顺风脚本

tailwind-css、svelte、package.json、netlify、vite

一切都很好，但这次我想把我的代码推到生产中去。 },但是&&意味着同时运行两个脚本。我有一个netlify配置即配置正确的CSS js

浏览 13提问于2022-09-26得票数 1

回答已采纳

4回答

vscode顺风css智能感知不起作用

css、laravel、visual-studio-code、tailwind-css

我正在学习laravel 8和顺风CSS。并且作为标题vscode，顺风CSS，Intellisense不起作用。我的顺风CSS版本是2.2.15。tailwind.config.js喜欢这张照片。

浏览 23提问于2021-09-25得票数 0

1回答

顺风cdn和isntallation不一致

tailwind-css

为了快速开始学习如何使用顺风，我在我的项目中添加了CDN链接。一旦我理解了基础知识，我决定使用webpack来配置顺风。在这两种情况下，我都使用最新版本。line-height: 1; margin: 8px;我

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

3回答

从7.9.2更新到Laravel* 8.x后，$user -> links()的用户界面出现问题，引导程序可能*

php、laravel、bootstrap-4

我将Laravel项目从7.9.2更新到8.x。一切正常，除了前端的这一部分，这是错误的，似乎是引导程序的问题，你知道为什么吗？当我在$users =User：：pages (20)；之后使用$user -> links()时，下一页和前一页的箭头有错误。请看这些图片，请帮帮我：在更新到Laravel 8.x之后

浏览 2提问于2020-09-14得票数 4

1回答

顺风不是在做一个新的laravel项目

html、laravel、tailwind-css

我刚刚用Jetstream初学者工具包安装了一个干净的Laravel项目，所以它也安装了Tailwind CSS。然后我尝试使用Tailwind中的示例代码，但它不会显示出来。这是我从Tailwind文档中获得的简单测试代码：(来自https://tailwindcss.com/docs/hover-focus-and-other-states) app.blade.php：(您可以运行代码片

浏览 14提问于2021-07-18得票数 1

回答已采纳

1回答

在Laravel* 8中，如何使用尾风CSS定义覆盖backend.css的app.css？*

laravel、webpack、tailwind-css

在Laravel 8/ Tailwind CSS v2.1应用程序中，我做了不同的布局。因此，在`webpack.mix.js中，我定义了自定义类文件。;修改:，因为这是laravel项目，我没有HTML，但是有blade.php文件。/tailwind.config.js')],在资源/视图/布局/backend.blde.php中，我添加了app.css (在backend.css<

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

1回答

“模块未找到”时，尝试添加尾风CSS到Wordpress项目与Lararavel

npm、wordpress-theming、laravel-mix、tailwind-css、postcss-import

我正在使用Laravel编译资产。./ /src/main.css模块构建失败(来自./node_node/css-加载程序/index.js)：ModuleNotFoundError:模块未找到:错误:无法解决。我的当前设置基于本文：{ "name": "tailwind</em

浏览 4提问于2020-11-17得票数 0

点击加载更多