Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

mix.styles([]) is not a function

See original GitHub issue

Laravel Mix Version: “^0.6.0”,
Node Version (node -v): v.6.10.0
NPM Version (npm -v): 4.1.1
OS: Windows 7 32 bit

Description:

When I try to combine multiple css files into one files using this code it doesnt work : let mix = require('laravel-mix'); mix.styles([ 'resources/assets/back/plugins/bootstrap/css/bootstrap.css', 'resources/assets/back/plugins/node-waves/waves.css', 'resources/assets/back/plugins/animate-css/animate.css', 'resources/assets/back/plugins/material-design-preloader/md-preloader.css' ], 'public/back/css/vendor.css');

Command prompt throws this error : mix.styles(…) is not a function

Issue Analytics

State:
Created 7 years ago
Comments:5

Top GitHub Comments

1reaction

d3radicatedcommented, Feb 23, 2017

I think mix.styles has been deprecated. If your just combining the css together, try using mix.combine().

0reactions

dmarmancommented, Feb 25, 2017

Documentation should be updated then.

Top Results From Across the Web

node.js - mix.options is not a function - Stack Overflow

In your code, you're using laravel-elixir package which has been upgraded and renamed to laravel-mix . So, install it using npm install ...

mix.stylus is not a function · Issue #475 - GitHub

Laravel Mix Version: 0.6.0 Node Version: 7.6.0 NPM Version: OS: OS X Description: When I create a new Laravel project (composer ...

L5.4 Styles Is Not A Function - Laracasts

I'm migrating a 5.3 app to 5.4. When running npm run dev, I get /home/michael/Code/oispark/webpack.mix.js:36 .styles([ ^ TypeError: mix.styles is not a ......

Laravel Mix - Laravel - The PHP Framework For Web Artisans

Laravel Mix, a package developed by Laracasts creator Jeffrey Way, provides a fluent API for defining webpack build steps for your Laravel application...

JavaScript | Laravel Mix Documentation

Laravel Mix also ships with basic Typescript support. Simply update your mix.js() call to mix.ts() , and then use the exact same set...