gulp serve 遇到的问题

gulp配置碰到的问题
node-sass和gulp-sass不能下载不能启动gulp serve服务
解决办法1.卸载nodejs 重新装匹配版本的nodejs node-v6.10.0-x64  建在C:\nodejs 
2.环境变量的修改 双击运行，一路Next安装就可以了，我这里安装到了c:\nodejs目录
；安装程序在安装NodeJS后修改了PATH变量，
添加了 c:\nodejs 和 C:\Users\Administrator\AppData\Roaming\npm 两项，
其中前一项添加到了“系统变量”的PATH中，
而后一项则添加到了“Administrator的用户变量”中的PATH中；
好像 exe 格式的安装文件不会修改环境变量。
（重开cmd在全局里面写上）
3.还是不能安装node-sass  用了淘宝镜像来安装node-sass
npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
在安装gulp-sass




4.然而还是有问题
Binary is fine
Angle@0.0.0 C:\Users\meabr\Desktop\backend-angular\master
+-- UNMET PEER DEPENDENCY angular@^1.2.28
+-- UNMET PEER DEPENDENCY chartist@^0.9.0
+-- UNMET PEER DEPENDENCY jshint@2.x
+-- UNMET PEER DEPENDENCY mocha@*
`-- node-sass@4.5.0
百度搜索好像是没依赖angular  chartist  jshint  mocha


5.npm install angular
6.npm install -g chartist
7.npm install -g jshint
8.npm install -g mocha






9.gulp serve 依然不行
C:\Users\meabr\Desktop\backend-angular\master>gulp serve
[14:58:04] Using SASS stylesheets...
[14:58:04] Using gulpfile ~\Desktop\backend-angular\master\gulpfile.js
[14:58:04] Starting 'sync group2:0'...
[14:58:04] Starting 'sync group4:0'...
[14:58:04] Starting 'sync group0:0'...
[14:58:04] Starting 'vendor:base'...
[14:58:04] Copying base vendor assets..
[14:58:08] Tested 30 tests, 30 passes, 0 failures: PASS
[14:58:08] Finished 'vendor:base' after 3.65 s
[14:58:08] Finished 'sync group0:0' after 3.65 s
[14:58:08] Starting 'sync group0:1'...
[14:58:08] Starting 'vendor:app'...
[14:58:08] Copying vendor assets..
[14:58:15] Tested 639 tests, 639 passes, 0 failures: PASS
[14:58:16] Finished 'vendor:app' after 8.4 s
[14:58:16] Finished 'sync group0:1' after 8.4 s
[14:58:16] Starting 'vendor'...
[14:58:16] Finished 'vendor' after 9.62 μs
[14:58:16] Finished 'sync group4:0' after 12 s
[14:58:16] Starting 'sync group4:1'...
[14:58:16] Starting 'scripts:app'...
[14:58:16] Building scripts..
[14:58:17] Starting 'styles:app'...
[14:58:17] Building application styles..




这个styles：app[14:58:17] 'styles:app' errored after 62 ms     




                         
[14:58:17] Error: %1 is not a valid Win32 application.
\\?\C:\Users\meabr\Desktop\backend-angular\master\node_modules\gulp-sass\node_m
dules\node-sass\vendor\win32-x64-48\binding.node
    at Error (native)
    at Object.Module._extensions..node (module.js:597:18)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at module.exports (C:\Users\meabr\Desktop\backend-angular\master\node_modul
s\gulp-sass\node_modules\node-sass\lib\binding.js:19:10)
    at Object.<anonymous> (C:\Users\meabr\Desktop\backend-angular\master\node_m
dules\gulp-sass\node_modules\node-sass\lib\index.js:14:35)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
[14:58:19] Finished 'scripts:app' after 2.55 s






 sublime gulpfile寻找错误styles:app
gulp.task('styles:app', function() {
    log('Building application styles..');
    return gulp.src(source.styles.app)
        .pipe($.if(useSourceMaps, $.sourcemaps.init()))




查找useSass：




        .pipe(useSass ? $.sass() : $.less())
        .on('error', handleError)
        .pipe($.if(isProduction, $.cssnano(cssnanoOpts)))
        .pipe($.if(useSourceMaps, $.sourcemaps.write()))
        .pipe(gulp.dest(build.styles))
        .pipe(reload({
            stream: true
        }));
});










找到usesass


// production mode (see build task)
var isProduction = false;
// styles sourcemaps
var useSourceMaps = false;


// Switch to sass mode.
// Example:
//    gulp --usesass






查找usesass
var useSass = true;//args.usesass;








// Angular template cache
// Example:
//    gulp --usecache
var useCache = args.usecache;






把var useSass = true;//args.usesass;  的true改成false   var useSass = false;






10. gulp serve 就ok了


C:\Users\meabr\Desktop\backend-angular\master>gulp serve
[15:03:35] Using gulpfile ~\Desktop\backend-angular\master\gulpfile.js
[15:03:35] Starting 'sync group2:0'...
[15:03:35] Starting 'sync group4:0'...
[15:03:35] Starting 'sync group0:0'...
[15:03:35] Starting 'vendor:base'...
[15:03:35] Copying base vendor assets..
[15:03:39] Tested 30 tests, 30 passes, 0 failures: PASS
[15:03:39] Finished 'vendor:base' after 4.05 s
[15:03:39] Finished 'sync group0:0' after 4.07 s
[15:03:39] Starting 'sync group0:1'...
[15:03:39] Starting 'vendor:app'...
[15:03:39] Copying vendor assets..
[15:03:53] Tested 639 tests, 639 passes, 0 failures: PASS
[15:03:54] Finished 'vendor:app' after 15 s
[15:03:54] Finished 'sync group0:1' after 15 s
[15:03:54] Starting 'vendor'...
[15:03:54] Finished 'vendor' after 9.14 μs
[15:03:54] Finished 'sync group4:0' after 19 s
[15:03:54] Starting 'sync group4:1'...
[15:03:54] Starting 'scripts:app'...
[15:03:54] Building scripts..
[15:03:55] Starting 'styles:app'...
[15:03:55] Building application styles..
[15:03:55] Starting 'styles:app:rtl'...
[15:03:55] Building application RTL styles..
[15:03:55] Starting 'styles:themes'...
[15:03:55] Building application theme styles..
[15:03:55] Starting 'templates:views'...
[15:03:55] Building views..
[15:03:56] Finished 'styles:app' after 1.76 s
[15:03:56] Finished 'styles:app:rtl' after 1.1 s
[15:03:56] Finished 'styles:themes' after 1.01 s
[15:03:57] Finished 'templates:views' after 2.08 s
[15:03:57] Starting 'templates:index'...
[15:03:57] Building index..
[15:03:58] Finished 'templates:index' after 620 ms
[15:04:00] Finished 'scripts:app' after 5.84 s
[15:04:00] Starting 'assets'...
[15:04:00] Finished 'assets' after 25 μs
[15:04:00] Finished 'sync group4:1' after 5.85 s
[15:04:00] Starting 'sync group4:2'...
[15:04:00] Starting 'watch'...
[15:04:00] Watching source files..
[15:04:02] Finished 'watch' after 1.6 s
[15:04:02] Finished 'sync group4:2' after 1.61 s
[15:04:02] Starting 'default'...
[15:04:02] Finished 'default' after 12 μs
[15:04:02] Finished 'sync group2:0' after 27 s
[15:04:02] Starting 'sync group2:1'...
[15:04:02] Starting 'browsersync'...
[15:04:02] Starting BrowserSync..
[15:04:02] Finished 'browsersync' after 83 ms
[15:04:02] Finished 'sync group2:1' after 88 ms
[15:04:02] Starting 'serve'...
[15:04:02] ************
[15:04:02] * All Done * You can start editing your code, BrowserSync will update
 your browser after any change..
[15:04:02] ************
[15:04:02] Finished 'serve' after 17 ms
[BS] Access URLs:
 --------------------------------------
       Local: http://localhost:3010
    External: http://192.168.0.162:3010
 --------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.0.162:3001
 --------------------------------------
[BS] Serving files from: ..
[BS] Couldn't open browser (if you are using BrowserSync in a headless environme
nt, you might want to set the open option to false)

11.打开网站 http://localhost:3010好了

gulp另外一个文件报错

C:\Users\meabr\Desktop\work\backend-angular\myapp\master>gulp
[15:45:21] Using gulpfile ~\Desktop\work\backend-angular\myapp\master\gulpfile.j
s
[15:45:21] Starting 'sync group1:0'...
[15:45:21] Starting 'sync group0:0'...
[15:45:21] Starting 'vendor:base'...
[15:45:21] Copying base vendor assets..
[15:45:23] Tested 30 tests, 30 passes, 0 failures: PASS
[15:45:23] Finished 'vendor:base' after 1.92 s
[15:45:23] Finished 'sync group0:0' after 1.92 s
[15:45:23] Starting 'sync group0:1'...
[15:45:23] Starting 'vendor:app'...
[15:45:23] Copying vendor assets..
[15:45:28] Tested 638 tests, 638 passes, 0 failures: PASS
[15:45:29] Finished 'vendor:app' after 5.95 s
[15:45:29] Finished 'sync group0:1' after 5.95 s
[15:45:29] Starting 'vendor'...
[15:45:29] Finished 'vendor' after 3.85 μs
[15:45:29] Finished 'sync group1:0' after 7.88 s
[15:45:29] Starting 'sync group1:1'...
[15:45:29] Starting 'scripts:app'...
[15:45:29] Building scripts..
[15:45:29] Starting 'styles:app'...
[15:45:29] Building application styles..

[15:45:29] 'styles:app' errored after 5.85 ms

报错less is not a function

[15:45:29] TypeError: $.less is not a function
    at Gulp.<anonymous> (C:\Users\meabr\Desktop\work\backend-angular\myapp\maste
r\gulpfile.js:204:17)
    at module.exports (C:\Users\meabr\Desktop\work\backend-angular\myapp\master\
node_modules\orchestrator\lib\runTask.js:34:7)
    at Gulp.Orchestrator._runTask (C:\Users\meabr\Desktop\work\backend-angular\m
yapp\master\node_modules\orchestrator\index.js:273:3)
    at Gulp.Orchestrator._runStep (C:\Users\meabr\Desktop\work\backend-angular\m
yapp\master\node_modules\orchestrator\index.js:214:10)
    at Gulp.Orchestrator.start (C:\Users\meabr\Desktop\work\backend-angular\myap
p\master\node_modules\orchestrator\index.js:134:8)
    at Gulp.<anonymous> (C:\Users\meabr\Desktop\work\backend-angular\myapp\maste
r\node_modules\gulp-sync\lib\index.js:51:27)
    at module.exports (C:\Users\meabr\Desktop\work\backend-angular\myapp\master\
node_modules\orchestrator\lib\runTask.js:34:7)
    at Gulp.Orchestrator._runTask (C:\Users\meabr\Desktop\work\backend-angular\m
yapp\master\node_modules\orchestrator\index.js:273:3)
    at Gulp.Orchestrator._runStep (C:\Users\meabr\Desktop\work\backend-angular\m
yapp\master\node_modules\orchestrator\index.js:214:10)
    at C:\Users\meabr\Desktop\work\backend-angular\myapp\master\node_modules\orc
hestrator\index.js:279:18
[15:45:30] Finished 'scripts:app' after 693 ms

解决问题 重新下载less

其中收到less包放在master里面

C:\Users\meabr\Desktop\work\backend-angular\myapp\master>npm install gulp-less -
-save-dev
- glob@7.0.3 node_modules\accord\node_modules\glob
- lodash@4.11.2 node_modules\accord\node_modules\lodash
- fobject@0.0.4 node_modules\fobject
myadmin@1.0.0 C:\Users\meabr\Desktop\work\backend-angular\myapp\master
+-- UNMET PEER DEPENDENCY angular@>=1.2.28
+-- UNMET PEER DEPENDENCY chartist@>=0.9.0
+-- gulp-less@3.3.0
| +-- accord@0.26.4
| | +-- lodash.clone@4.5.0
| | +-- lodash.defaults@4.2.0
| | +-- lodash.flatten@4.4.0
| | +-- lodash.merge@4.6.0
| | +-- lodash.partialright@4.2.1
| | +-- lodash.uniq@4.5.0
| | +-- resolve@1.3.1
| | | `-- path-parse@1.0.5
| | `-- when@3.7.8
| `-- less@2.7.2
|   +-- image-size@0.5.1
|   `-- request@2.79.0
|     +-- form-data@2.1.2
|     +-- http-signature@1.1.1
|     | `-- assert-plus@0.2.0
|     +-- qs@6.3.1
|     +-- tough-cookie@2.3.2
|     `-- uuid@3.0.1
+-- UNMET PEER DEPENDENCY jshint@2.x
`-- UNMET PEER DEPENDENCY mocha@*


npm WARN angular-chartist.js@4.3.0 requires a peer of angular@>=1.2.28 but none
was installed.
npm WARN angular-chartist.js@4.3.0 requires a peer of chartist@>=0.9.0 but none
was installed.
npm WARN gulp-jshint@2.0.2 requires a peer of jshint@2.x but none was installed.


npm WARN karma-mocha@1.1.1 requires a peer of mocha@* but none was installed.
npm WARN myadmin@1.0.0 No repository field.
npm WARN myadmin@1.0.0 No license field.


C:\Users\meabr\Desktop\work\backend-angular\myapp\master>gulp
[15:49:25] Using gulpfile ~\Desktop\work\backend-angular\myapp\master\gulpfile.j
s
[15:49:25] Starting 'sync group1:0'...
[15:49:25] Starting 'sync group0:0'...
[15:49:25] Starting 'vendor:base'...
[15:49:25] Copying base vendor assets..
[15:49:27] Tested 30 tests, 30 passes, 0 failures: PASS
[15:49:27] Finished 'vendor:base' after 1.7 s
[15:49:27] Finished 'sync group0:0' after 1.71 s
[15:49:27] Starting 'sync group0:1'...
[15:49:27] Starting 'vendor:app'...
[15:49:27] Copying vendor assets..
[15:49:32] Tested 638 tests, 638 passes, 0 failures: PASS
[15:49:33] Finished 'vendor:app' after 6.15 s
[15:49:33] Finished 'sync group0:1' after 6.16 s
[15:49:33] Starting 'vendor'...
[15:49:33] Finished 'vendor' after 5.29 μs
[15:49:33] Finished 'sync group1:0' after 7.87 s
[15:49:33] Starting 'sync group1:1'...
[15:49:33] Starting 'scripts:app'...
[15:49:33] Building scripts..
[15:49:33] Starting 'styles:app'...
[15:49:33] Building application styles..
[15:49:33] Starting 'styles:themes'...
[15:49:33] Building application theme styles..
[15:49:33] Starting 'templates:views'...
[15:49:33] Building views..
[15:49:33] Finished 'styles:app' after 323 ms
[15:49:33] Finished 'styles:themes' after 57 ms
[15:49:34] Finished 'templates:views' after 847 ms
[15:49:34] Finished 'scripts:app' after 1.37 s
[15:49:34] Starting 'assets'...
[15:49:34] Finished 'assets' after 13 μs
[15:49:34] Finished 'sync group1:1' after 1.38 s
[15:49:34] Starting 'sync group1:2'...
[15:49:34] Starting 'watch'...
[15:49:34] Watching source files..
[15:49:34] Finished 'watch' after 161 ms
[15:49:34] Finished 'sync group1:2' after 164 ms
[15:49:34] Starting 'sync group1:3'...
[15:49:34] Starting 'browsersync'...
[15:49:34] Starting BrowserSync..
[15:49:35] Finished 'browsersync' after 76 ms
[15:49:35] Finished 'sync group1:3' after 79 ms
[15:49:35] Starting 'default'...
[15:49:35] Finished 'default' after 12 μs
[BS] Access URLs:
 --------------------------------------
       Local: http://localhost:3011
    External: http://192.168.0.162:3011
 --------------------------------------
          UI: http://localhost:3002
 UI External: http://192.168.0.162:3002
 --------------------------------------
[BS] Serving files from: ..
(node:24092) UnhandledPromiseRejectionWarning: Unhandled promise rejection (reje
ction id: 1): Error: spawn cmd ENOENT

打开http://localhost:3011