2016-11-06 115 views
1

在我的Wordpress項目中,我正在使用Laravel Elixir來處理資產。一切都在努力,直到今天。運行gulp給出「path.js:7 throw new TypeError('Path must be a string。Received'+ inspect(path));」

現在每次我跑gulp我越來越:

$ gulp 
path.js:7 
    throw new TypeError('Path must be a string. Received ' + inspect(path)); 
    ^

TypeError: Path must be a string. Received { includePaths: 
    [ 'bower_components/foundation-sites/scss/', 
    'bower_components/slick-carousel/slick' ] } 
    at assertPath (path.js:7:11) 
    at Object.join (path.js:1211:7) 
    at prefixOne (/Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/laravel-elixir/dist/tasks/GulpPaths.js:143:43) 
    at GulpPaths.prefix (/Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/laravel-elixir/dist/tasks/GulpPaths.js:153:20) 
    at GulpPaths.src (/Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/laravel-elixir/dist/tasks/GulpPaths.js:44:25) 
    at getPaths (/Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/laravel-elixir/dist/tasks/recipes/sass.js:33:33) 
    at Function.<anonymous> (/Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/laravel-elixir/dist/tasks/recipes/sass.js:21:33) 
    at Function.<anonymous> (/Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/laravel-elixir/dist/bootstrap/EnableExtension.js:16:18) 
    at /Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/gulpfile.js:7:9 
    at global.Elixir (/Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/laravel-elixir/dist/index.js:21:5) 

enter image description here

我想,也許有一個與我node_modules目錄做錯事,所以我也rm -rf node_modules然後npm install如常。一切都被拉到但最後我看到:

├── UNMET PEER DEPENDENCY [email protected]* 

enter image description here

我不知道這種未滿足的依賴關係是否就是這個原因。如果這可以幫助,這是軟件的特定版本的輸出,我有:

node -v

7.0.0

npm -v

3.10.8

gulp -v

[12時26分22秒] CLI版本3.9.1 [12時26分22秒]本地版本3.9.1

這裏是my gulpfile.js

它不喜歡從includePaths?我可以尋求一些幫助嗎?謝謝。

編輯:

這是我的package.json:

{ 
    "name": "slick", 
    "version": "1.0.0", 
    "devDependencies": { 
    "gulp": "^3.9.1", 
    "laravel-elixir": "^6.0.0-2" 
    } 
} 

回答

0

該解決方案幫助我:https://stackoverflow.com/a/40047852/4197938

的問題是,該選項已經從第三移到 第四個參數。

所以我只是在includePaths之前增加了額外的null

mix.sass('app。SCSS',NULL,NULL < - 這是解決方案,{

然後運行gulp

$ gulp 
[13:15:29] Using gulpfile ~/Code/Komarnicki2/wp-content/themes/komarnicki/gulpfile.js 
[13:15:29] Starting 'all'... 
[13:15:29] Starting 'sass'... 
[13:15:29] 'sass' errored after 60 ms 
[13:15:29] Error: Missing binding /Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/node-sass/vendor/darwin-x64-51/binding.node 
Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 7.x 

Found bindings for the following environments: 
    - OS X 64-bit with Node.js 6.x 

This usually happens because your environment has changed since running `npm install`. 
Run `npm rebuild node-sass` to build the binding for your current environment. 
    at Object.<anonymous> (/Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/node-sass/lib/index.js:15:11) 
    at Module._compile (module.js:573:32) 
    at Object.Module._extensions..js (module.js:582:10) 
    at Module.load (module.js:490:32) 
    at tryModuleLoad (module.js:449:12) 
    at Function.Module._load (module.js:441:3) 
    at Module.require (module.js:500:17) 
    at require (internal/module.js:20:19) 
    at Object.<anonymous> (/Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/gulp-sass/index.js:187:21) 
    at Module._compile (module.js:573:32) 
[13:15:29] 'all' errored after 63 ms 
[13:15:29] Error in plugin 'run-sequence(sass)' 
Message: 
    Missing binding /Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/node-sass/vendor/darwin-x64-51/binding.node 
Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 7.x 

Found bindings for the following environments: 
    - OS X 64-bit with Node.js 6.x 

This usually happens because your environment has changed since running `npm install`. 
Run `npm rebuild node-sass` to build the binding for your current environment. 
Stack: 
Error: Missing binding /Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/node-sass/vendor/darwin-x64-51/binding.node 
Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 7.x 

Found bindings for the following environments: 
    - OS X 64-bit with Node.js 6.x 

This usually happens because your environment has changed since running `npm install`. 
Run `npm rebuild node-sass` to build the binding for your current environment. 
    at Object.<anonymous> (/Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/node-sass/lib/index.js:15:11) 
    at Module._compile (module.js:573:32) 
    at Object.Module._extensions..js (module.js:582:10) 
    at Module.load (module.js:490:32) 
    at tryModuleLoad (module.js:449:12) 
    at Function.Module._load (module.js:441:3) 
    at Module.require (module.js:500:17) 
    at require (internal/module.js:20:19) 
    at Object.<anonymous> (/Users/slick/Code/Komarnicki2/wp-content/themes/komarnicki/node_modules/gulp-sass/index.js:187:21) 
    at Module._compile (module.js:573:32) 

所以後來我做了什麼是寫在輸出

npm rebuild node-sass

和終於gulp確實工作

$ gulp 
[13:20:18] Using gulpfile ~/Code/Komarnicki2/wp-content/themes/komarnicki/gulpfile.js 
[13:20:18] Starting 'all'... 
[13:20:18] Starting 'sass'... 
[13:20:19] Finished 'sass' after 900 ms 
[13:20:19] Starting 'scripts'... 
[13:20:19] Finished 'scripts' after 96 ms 
[13:20:19] Starting 'copy'... 
[13:20:19] Finished 'copy' after 52 ms 
[13:20:19] Starting 'version'... 
[13:20:19] Finished 'version' after 56 ms 
[13:20:19] Finished 'all' after 1.11 s 
[13:20:19] Starting 'default'... 
┌───────────────┬──────────────────────────┬─────────────────────────────────────────────────────────────────────────────┬────────────────────┐ 
│ Task   │ Summary     │ Source Files                │ Destination  │ 
├───────────────┼──────────────────────────┼─────────────────────────────────────────────────────────────────────────────┼────────────────────┤ 
│ mix.sass() │ 1. Compiling Sass  │ assets/sass/app.scss              │ public/css/app.css │ 
│    │ 2. Autoprefixing CSS  │                    │     │ 
│    │ 3. Concatenating Files │                    │     │ 
│    │ 4. Writing Source Maps │                    │     │ 
│    │ 5. Saving to Destination │                    │     │ 
├───────────────┼──────────────────────────┼─────────────────────────────────────────────────────────────────────────────┼────────────────────┤ 
│ mix.scripts() │ 1. Concatenating Files │ bower_components/fontfaceobserver/fontfaceobserver.js      │ public/js/all.js │ 
│    │ 2. Writing Source Maps │ assets/js/font.loader.js             │     │ 
│    │ 3. Saving to Destination │ bower_components/jquery/dist/jquery.min.js         │     │ 
│    │       │ bower_components/foundation-sites/dist/foundation.min.js     │     │ 
│    │       │ bower_components/moment/moment.js           │     │ 
│    │       │ bower_components/moment/locale/pl.js          │     │ 
│    │       │ bower_components/bLazy/blazy.js            │     │ 
│    │       │ bower_components/jQuery-viewport-checker/dist/jquery.viewportchecker.min.js │     │ 
│    │       │ bower_components/slick-carousel/slick/slick.min.js       │     │ 
│    │       │ bower_components/masonry/dist/masonry.pkgd.js        │     │ 
│    │       │ bower_components/imagesloaded/imagesloaded.pkgd.js       │     │ 
│    │       │ bower_components/magnific-popup/dist/jquery.magnific-popup.js    │     │ 
│    │       │ assets/js/scripts.js              │     │ 
│    │       │ assets/js/modules/*.js              │     │ 
│    │       │ assets/js/other/*.js              │     │ 
├───────────────┼──────────────────────────┼─────────────────────────────────────────────────────────────────────────────┼────────────────────┤ 
│ mix.copy() │ 1. Saving to Destination │ assets/fonts//**/*               │ public/fonts/  │ 
├───────────────┼──────────────────────────┼─────────────────────────────────────────────────────────────────────────────┼────────────────────┤ 
│ mix.version() │ 1. Versioning   │ public/css/app.css               │ public/build  │ 
│    │ 2. Rewriting File Paths │ public/js/all.js               │     │ 
│    │ 3. Saving to Destination │                    │     │ 
│    │ 4. Copying Source Maps │                    │     │ 
└───────────────┴──────────────────────────┴─────────────────────────────────────────────────────────────────────────────┴────────────────────┘ 
[13:20:19] Finished 'default' after 6.65 ms 

我還不知道爲什麼發生了這一切。那是因爲最近我在創造my shell scriptsbrew install node)時是在搞brew的東西嗎?我的問題解決了很好,但我不知道是什麼原因造成的。仍然有人可以貢獻並告訴我哪裏出了問題?

  • 爲什麼語法已被更改?
  • 爲什麼數組路徑到達參數列表中的第4位?
  • 我怎樣才能避免在將來?
  • 如果有人會決定添加第5個,第6個參數怎麼辦?

是因爲依賴版本不匹配?現在我很害怕這種情況在將來也會發生......