安装和编译：laravel 6的新安装不适用于顺风级

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

安装

npm安装tailwindcss

资源/sass/app.scss

生成了一个配置文件：

./node_modules/.bin/tailwind init

webpack.mix.js

编撰

npm运行开发

我添加了一些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>

我没有收到任何错误或任何东西。不过，bootstrap仍在安装，但我不确定这是否太重要。

新手错误：

Was.scss而不是css。

新手错误：

Was.scss而不是css

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') ],
});

<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>