在布局中应用样式表时,顺风不工作

Posted

技术标签:

【中文标题】在布局中应用样式表时,顺风不工作【英文标题】:Tailwind not working when applying stylesheet in Layout 【发布时间】:2021-07-07 00:59:11 【问题描述】:

我有一个大问题。我尝试在一个新的 Laravel 项目中完全按照所有文档使用 Tailwind,但是一旦我尝试将 <link> 放到 css/app.css 中,html 就会停止在浏览器(本地主机)中工作。

我也尝试使用 JetStream 启动一个新的 Laravel 项目,但它的作用相同。

我也尝试安装旧版本的 Tailwind,但似乎没有任何效果。 我现在真的不知道要搜索什么。

有什么帮助吗?

【问题讨论】:

我觉得你需要看看这个***.com/questions/63827708/… 【参考方案1】:

你可以在 laravel 中使用 tailwindCss 和微风包或 Jetstream

1- 微风:

//composer package

composer require laravel/breeze --dev

然后

php artisan breeze:install

或惯性微风

php artisan breeze:install --inertia

完成安装

  npm install
    
    npm run dev
    
    php artisan migrate

2- 使用 Jetstream

//composer package

composer require laravel/jetstream

使用 Livewir 安装 Jetstreame

php artisan jetstream:install livewire

php artisan jetstream:install livewire --teams

或者,安装 Jetstream With Inertia

php artisan jetstream:install inertia

php artisan jetstream:install inertia --teams

完成安装

   npm install
    npm run dev
    php artisan migrate

【讨论】:

以上是关于在布局中应用样式表时,顺风不工作的主要内容,如果未能解决你的问题,请参考以下文章

应用样式表时 QPushButton 尺寸发生变化

未应用顺风响应样式

有没有办法改变顺风默认样式选项?

顺风样式不适用于生产

编译样式表时的未知函数 saxon:parse-html

在顺风 css 示例中设置单选按钮样式不起作用