Question

我尝试在全新安装的Laravel 6上安装tailwind.css。我添加了一些tailwind类，但它不起作用。没有错误，什么都没有。

安装

npm install tailwindcss

资源/sass/app.scss

@tailwind base;

@tailwind components;

@tailwind utilities;

生成了一个配置文件：

./node_modules/.bin/tailwind init

webpack.mix.js

var tailwindcss = require('tailwindcss');

mix.js('resources/js/app.js', 'public/js')
  .sass('resources/sass/app.scss', 'public/css')
  .options({
    processCssUrls: false,
    postCss: [ tailwindcss('tailwind.config.js') ],
});

编译

npm run dev

我添加了一些html：

<div class="rounded-lg p-6 bg-red-400">
  <img class="h-16 w-16 rounded-full mx-auto" src="https://picsum.photos/50/50">
  <div>
    <h2 class="text-lg text-red-400">Erin Lindford</h2>
    <div>Customer Support</div>
    <div>erinlindford@example.com</div>
    <div>(555) 765-4321</div>
  </div>
</div>

我没有收到任何错误或任何东西。但是，引导程序仍已安装，但我不确定这是否太重要。

Answer 1

菜鸟错误：

<link href="{{ asset('css/app.css') }}" rel="stylesheet">

是.scss，而不是CSS。

安装并编译：larwind 6的全新安装中，顺风类不起作用

1 个答案: