Laravel Spark and Tailwind

[dolbex]

Laravel Spark: dev-master
Laravel: v5.5.21
Laravel Mix: 0.12.1

I seem to be having an issue with the sass and the resolve-url-loader. I've seen the other issues (48) on here regarding the fix to disable processCssUrls and in the fantastic documentation. However, I'm still getting the following warning:

 WARNING  Compiled with 1 warnings                                                                                                                                                                                                                                    2:18:59 PM

 warning  in ./resources/assets/scss/app.scss

(Emitted value instead of an instance of Error)   resolve-url-loader cannot operate: CSS error
  ./resources/assets/scss/app.scss:3708:3: missing '}'

Here is my webpack.mix.js

mix.sass('resources/assets/scss/app.scss', 'public/css')
   .options({
      processCssUrls: false,
      postCss: [ tailwindcss('tailwind.js') ],
   })
   .js('resources/assets/js/app.js', 'public/js')
   .webpackConfig({
        resolve: {
            modules: [
                path.resolve(__dirname, 'vendor/laravel/spark/resources/assets/js'),
                'node_modules'
            ],
            alias: {
                'vue$': 'vue/dist/vue.js'
            }
        }
   });

[adamwathan]

Hey @dolbex! I bet this is due to being on such an old version of Laravel Mix.

Try upgrading to the latest and see if that helps:

# If using npm
npm install laravel-mix@^1.6.1

# If using yarn
yarn add laravel-mix@^1.6.1

[dolbex]

Adam,

Thanks so much for the quick reply. I didn't even realize it was that behind. All green now.