Laravel Elixier Griffel Fehler

Question

Ich habe das folgende Paket installiert:

https://github.com/JeffreyWay/laravel-elixir-stylus

Und es funktioniert. Jetzt möchte ich https://github.com/peterramsing/lost verloren mit Stift verwenden. Also habe ich hinzugefügt, aber es funktioniert nicht.

Mein package.json:

{ 
    "private": true, 
    "scripts": { 
    "prod": "gulp --production", 
    "dev": "gulp watch" 
    }, 
    "devDependencies": { 
    "bootstrap-sass": "^3.3.0", 
    "gulp": "^3.9.1", 
    "laravel-elixir": "^5.0.0", 
    "laravel-elixir-stylus": "^1.0.1", 
    "postcss": "^5.0.21", 
    "poststylus": "^0.2.3" 
    } 
} 

gulpfile.js

var elixir = require('laravel-elixir'); 
var postStylus = require('poststylus'); 

elixir(function(mix) { 
    mix.stylus('app.styl', null, { 
     use: [postStylus(['lost', 'postcss-position'])] 
    }); 
}); 

Wenn ich versuche, npm installieren erhalte ich die Fehlermeldung:

npm WARN unmet dependency /Users/Janssen/Code/forum/node_modules/autoprefixer-core requires postcss@'~4.1.12' but will load 
npm WARN unmet dependency /Users/egen/Code/forum/node_modules/postcss, 
npm WARN unmet dependency which is version 5.0.21 
npm WARN unmet dependency /Users/egen/Code/forum/node_modules/gulp-autoprefixer requires postcss@'^4.1.5' but will load 
npm WARN unmet dependency /Users/egen/Code/foru 

Wenn ich laufen Schluck ich erhalte:

Cannot find module 'postcss-position' 

Was soll ich tun?

Answer 1

Leider können Sie Stylus mit Laravel Elixir Version 6 nicht gleichzeitig verwenden. Die Problemumgehung, die ich verwende, ist, die package.json und die gulpfile zu ändern, wenn ich es umschalten möchte. Zum Beispiel Wenn ich die neuen Laravel 5.3 Front-End-Features verwenden möchten, muss ich

{ 
    "private": true, 
    "scripts": { 
    "prod": "gulp --production", 
    "dev": "gulp watch" 
    }, 
    "devDependencies": { 
    "babel-preset-es2015": "6.9.0", 
    "gulp": "^3.9.1", 
    "jquery": "^3.1.1", 
    "laravel-elixir": "^6.0.0-11", 
    "laravel-elixir-stylus": "^1.0.0", 
    "laravel-elixir-vue": "^0.1.4", 
    "laravel-elixir-vueify": "^2.0.0", 
    "laravel-elixir-webpack-official": "^1.0.2", 
    "lodash": "^4.14.0", 
    "vue": "^1.0.26", 
    "vue-resource": "^1.0.2" 
    } 
} 

Gulpfile.js

var elixir = require('laravel-elixir'); 

require('laravel-elixir-webpack-official'); 
elixir(function(mix) { 

    //mix.webpack('app.js'); 
}); 

die

package.json ändern Wenn ich Stift verwenden möchten

package.json

{ 
    "private": true, 
    "scripts": { 
    "prod": "gulp --production", 
    "dev": "gulp watch" 
    }, 
    "devDependencies": { 
    "babel-preset-es2015": "6.9.0", 
    "gulp": "^3.9.1", 
    "jquery": "^3.1.1", 
    **"laravel-elixir": "^5.0.0-11",** 
    "laravel-elixir-stylus": "^1.0.0", 
    "laravel-elixir-vue": "^0.1.4", 
    "laravel-elixir-vueify": "^2.0.0", 
    "laravel-elixir-webpack-official": "^1.0.2", 
    "lodash": "^4.14.0", 
    "vue": "^1.0.26", 
    "vue-resource": "^1.0.2" 
    } 
} 

Gulpfile.js

var elixir = require('laravel-elixir'); 

require('laravel-elixir-stylus'); 

elixir(function(mix) { 
    mix.stylus('app.stylus'); 
}); 

Dies ist die Abhilfe, die ich für Jeffrey Way warten müssen werden, dass andere, als wir die Kern Laravel Elixir zum Einbinden von Dateien mit dem Stift Komponente aktualisieren verwendet haben.