@ apply` нельзя использовать с `.bg-blue`, потому что` .bg-blue` либо не может быть найден, либо его фактическое определение включает псевдоселектор - PullRequest
0 голосов
/ 10 июня 2019

Я пытаюсь использовать @apply в моем файле sass и получаю сообщение об ошибке в заголовке, когда я запускаю npm run dev или npm run watch.Я использую Laravel, и использую Laravel Mix.Вот мой webpack.mix.js

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

Это существует в моем app.css

...
.bg-blue {
  background-color: #47cdff;
}

My app.scss:

// Tailwind CSS
@tailwind base;
@tailwind components;
@tailwind utilities;

// Custom CSS
.section {
    @apply .px-4;
}

.button {
    @apply .bg-blue .text-white .no-underline .rounded-lg .text-sm .py-2 .px-5;
    box-shadow: 0 2px 7px 0 #b0eaff;
}
...