将ngfilesaver从鲍尔迁移到节点软件包中断

Question

我有一个Angular 1.6项目，该项目确实使用：

node 10.16.0
bower 1.8.14
gulp 3.9.1

使用命令序列构建：

npm install
bower install
gulp

它现在以Bower install逐步划分file> file> file-saver.js＃ 〜1.201507.2投掷错误：

Failed to execute "git ls-remote --tags --heads https://github.com/Teleborder/FileSaver.js.git", exit code of #128

因此，我

"angular-file-saver": "^1.1.3"

从bower.json.json file（Bower uninstall不起作用）从bower.json.json并安装 anguarlar-file-saver 通过

npm install angular-file-saver --save-dev

通过通过package.json看起来像这样：

{
  "name": "app",
  "version": "1.0.0",
  "description": "app",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [
    "app"
  ],
  "author": "me",
  "license": "ISC",
  "devDependencies": {
    "angular-file-saver": "^1.1.3",
    "del": "^2.2.2",
    "eslint-config-angular": "^0.5.0",
    "eslint-plugin-angular": "^1.5.0",
    "gulp": "^3.9.1",
    "gulp-angular-filesort": "^1.1.1",
    "gulp-angular-templatecache": "^2.0.0",
    "gulp-autoprefixer": "^3.1.1",
    "gulp-cheerio": "^0.6.2",
    "gulp-clean-css": "^2.2.2",
    "gulp-concat": "^2.6.1",
    "gulp-eslint": "^3.0.1",
    "gulp-filter": "^4.0.0",
    "gulp-flatten": "^0.3.1",
    "gulp-htmlmin": "^3.0.0",
    "gulp-if": "^2.0.2",
    "gulp-inject": "^4.1.0",
    "gulp-ng-annotate": "^2.0.0",
    "gulp-rev": "^7.1.2",
    "gulp-sass": "^3.0.0",
    "gulp-sourcemaps": "^1.9.1",
    "gulp-string-replace": "^0.3.1",
    "gulp-uglify": "^2.0.0",
    "main-bower-files": "^2.13.1",
    "natives": "^1.1.6",
    "require-dir": "^0.3.1",
    "rimraf": "^2.6.2",
    "stream-series": "^0.1.1",
    "uglify-save-license": "^0.4.1",
    "yargs": "^6.5.0"
  },
  "dependencies": {
    "bower": "^1.8.4"
  }
}

我的src \ app.js包含以下内容：

(function(angular) {
    'use strict';
    angular
        .module('app', [
            'angular-cache',
            'ui.router',
            'ui.router.modal',
            'ui.bootstrap',
            'ui.bootstrap-slider',
            'ui.validate',
            'angular-confirm',
            'ngAnimate',
            'ngFileSaver',
            'angularMoment',
            'pascalprecht.translate',
            'tmh.dynamicLocale']);
}(window.angular));

我的控制器包含以下内容：

angular
    .module('app')
    .component('readings', {
        controllerAs: 'vm',
        templateUrl: 'readings/readings.html',
        controller: ReadingsController
    });
function ReadingsController(..., FileSaver, ...) {

因此，现在此命令序列有效：

npm install
bower install
gulp

我在浏览器中遇到此错误

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module ngFileSaver due to:
Error: [$injector:nomod] Module 'ngFileSaver' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.6.0/$injector/nomod?p0=ngFileSaver

但是 我可以通过 npm 而不是 bower 来工作吗？