2016-06-22 35 views
0

我已經安裝了以下包:Laravel仙丹筆錯誤

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

,它的工作。現在我想用手寫筆丟失https://github.com/peterramsing/lost。所以我補充說,但它不起作用。

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

當我嘗試安裝NPM我收到的錯誤:

npm WARN unmet dependency /Users/Janssen/Code/forum/node_modules/autoprefixer-core requires [email protected]'~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 [email protected]'^4.1.5' but will load 
npm WARN unmet dependency /Users/egen/Code/foru 

當我運行吞食我收到:

Cannot find module 'postcss-position' 

我該怎麼辦?

+0

您有時必須清除節點模塊目錄,清除緩存,更新節點和npm,然後重新安裝所有庫。 – Frisbetarian

+0

我已經做了不工作:( – Jamie

回答

0

不幸的是,您不能同時使用Laravel Elixir第6版的手寫筆。 我正在使用的解決方法是更改​​package.json和gulpfile,如果我想切換它。例如 如果我想使用新的Laravel 5.3前端功能,我不得不修改

的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": "^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'); 
}); 

如果我想使用手寫筆

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

這是我一直在使用比其他解決辦法,我們將不得不等待傑弗裏的方式來更新核心Laravel藥劑文件,包括手寫筆組件。