2016-11-06 116 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个参数怎么办?

是因为依赖版本不匹配?现在我很害怕这种情况在将来也会发生......