angularjs ani-theme build不起作用

时间:2017-04-22 18:38:12

标签: javascript angularjs npm gulp bower

根据给出的here

指示
  1. here下载ani-theme项目的zip文件并将解压缩的zip文件内容解压缩到C:\ dev \ angular \ ani-theme-master
  2. 已安装的npm,gulp和bower,以下是每个工具的版本信息。

    import os
    os.startfile("C:\Program Files (x86)\Skype\Phone\Skype.exe") #skype for example
    
  3. 从命令提示符将目录更改为C:\ dev \ angular \ ani-theme-master
  4. 凉亭安装
        C:\dev\angular\ani-theme-master>bower install
        bower ui-router#~0.2.13                        cached github.com/angular-ui/ui-router.git#0.2.18
        bower ui-router#~0.2.13                 validate 0.2.18 against github.com/angular-ui/ui-router.git#~0.2.13
        bower json3#^3.3.0                                  cached github.com/bestiejs/json3.git#3.3.2
        bower json3#^3.3.0                                validate 3.3.2 against github.com/bestiejs/json3.git#^3.3.0
        bower angular#^1.3.0                                cached github.com/angular/bower-angular.git#1.6.4
        bower angular#^1.3.0                         validate 1.6.4 against github.com/angular/bower-angular.git#^1.3.0
        bower es5-shim#^4.0.0                          cached github.com/es-shims/es5-shim.git#4.5.9
        bower es5-shim#^4.0.0                        validate 4.5.9 against github.com/es-shims/es5-shim.git#^4.0.0
        bower angular-mocks#~1.3.0                cached github.com/angular/bower-angular-mocks.git#1.3.20
        bower angular-mocks#~1.3.0         validate 1.3.20 against github.com/angular/bower-angular-mocks.git#~1.3.0
        bower bootstrap#^3.2.0                         cached github.com/twbs/bootstrap.git#3.3.7
        bower bootstrap#^3.2.0                  validate 3.3.7 against github.com/twbs/bootstrap.git#^3.2.0
        bower angular-animate#~1.3.15        cached github.com/angular/bower-angular-animate.git#1.3.20
        bower angular-animate#~1.3.15 validate 1.3.20 against github.com/angular/bower-angular-animate.git#~1.3.15
        bower bootstrap-btn-outline-rounded#~0.0.3                          cached github.com/sahusoftcom/bootstrap-btn-outline-rounded.git#0.0.4
        bower bootstrap-btn-outline-rounded#~0.0.3                        validate 0.0.4 against github.com/sahusoftcom/bootstrap-btn-outline-rounded.git#~0.0.3
        bower jquery#1.9.1 - 3                                                                                 cached github.com/jquery/jquery-dist.git#3.2.1
        bower jquery#1.9.1 - 3                                                                          validate 3.2.1 against github.com/jquery/jquery-dist.git#1.9.1 - 3
        bower angular#1.3.20                                                                                        cached github.com/angular/bower-angular.git#1.3.20
        bower angular#1.3.20                                                                                 validate 1.3.20 against github.com/angular/bower-angular.git#1.3.20
        bower angular                                                                                extra-resolution Unnecessary resolution: angular#1.3.14
        bower es5-shim#^4.0.0                                                                                 install es5-shim#4.5.9
        bower json3#^3.3.0                                                                                         install json3#3.3.2
        bower ui-router#~0.2.13                                                                          install ui-router#0.2.18
        bower angular#1.3.20                                                                                  install angular#1.3.20
        bower bootstrap#^3.2.0                                                                                install bootstrap#3.3.7
        bower bootstrap-btn-outline-rounded#~0.0.3                         install bootstrap-btn-outline-rounded#0.0.4
        bower angular-mocks#~1.3.0                                                                  install angular-mocks#1.3.20
        bower angular-animate#~1.3.15                                                          install angular-animate#1.3.20
        bower jquery#1.9.1 - 3                                                                                install jquery#3.2.1
        es5-shim#4.5.9 bower_components\es5-shim
        json3#3.3.2 bower_components\json3
        ui-router#0.2.18 bower_components\ui-router
        └── angular#1.3.20
        angular#1.3.20 bower_components\angular
        bootstrap#3.3.7 bower_components\bootstrap
        └── jquery#3.2.1
        bootstrap-btn-outline-rounded#0.0.4 bower_components\bootstrap-btn-outline-rounded
        angular-mocks#1.3.20 bower_components\angular-mocks
        └── angular#1.3.20
        angular-animate#1.3.20 bower_components\angular-animate
        └── angular#1.3.20
        jquery#3.2.1 bower_components\jquery
        
  5. npm install
  6.     C:\dev\angular\ani-theme-master>npm install
        npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
        npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
    
    1. gulp build

      C:\dev\angular\ani-theme-master>gulp -v 
      [12:49:20] CLI version 3.9.1
      [12:49:20] Local version 3.9.1
      C:\dev\angular\ani-theme-master>bower -v
      1.8.0
      C:\dev\angular\ani-theme-master>npm -v
      3.10.10
      
    2. 任何人都知道为什么会发生这种错误,我看到npm install显示错误,即32位与64位的fsevents不支持的平台。我可以知道哪个工具正在寻找64位吗?

1 个答案:

答案 0 :(得分:1)

希望我的回答不会太迟:

尝试更改gulpfile中if任务中的html条件,如下所示:

 .pipe($.if('**/*.js', $.ngAnnotate()))
    .pipe($.if('**/*.js', $.uglify()))
    .pipe($.if('**/*.css', cssChannel()))
    .pipe(assets.restore())
    .pipe($.useref())
    .pipe($.if('**/*.html', $.minifyHtml({conditionals: true, loose: true})))
    .pipe(gulp.dest('docs'));