Angularjs 仅在gulp dist中未找到存储模块：服务？

我又犯了一次这个错误，上一次我已经修复了，但不知道如何修复，但它再次发生

我已经安装了ngstorage module，并且项目在开发时运行良好（

gulp clean serve

），但在投入生产时（

gulp serve:dist

），它执行良好，但主页为空，控制台中存在错误

未捕获错误：[$injector:modulerr]未能实例化模块应用程序 原因：错误：[$injector:modulerr]未能实例化模块 ngStorage原因：错误：[$injector:nomod]模块“ngStorage”未启动 可用！您要么拼错了模块名，要么忘记加载它。 如果注册模块，请确保将依赖项指定为 第二个论点。 $injector/nomod？p0=Ng存储

虽然我已经检查过它是否已经安装，但有人能提出问题所在以及如何解决这个问题吗？这是我的bower.json

{
  "name": "project",
  "version": "0.1.1",
  "dependencies": {
    "angular-animate": "1.5.8",
    "angular-touch": "~1.5.0",
    "angular-sanitize": "~1.5.0",
    "angular-messages": "~1.5.0",
    "angular-aria": "~1.5.0",
    "jquery": "~2.1.4",
    "angular-resource": "~1.5.0",
    "angular-ui-router": "~0.2.15",
    "bootstrap": "~3.3.6",
    "angular-bootstrap": "~1.1.2",
    "angular-toastr": "~2.0.0",
    "moment": "~2.13.0",
    "animate.css": "~3.4.0",
    "angular": "~1.5.0",
    "ng-table": "^1.0.0",
    "pace": "~1.0.2",
    "metisMenu": "~2.0.2",
    "fontawesome": "~4.5.0",
    "roboto-fontface": "^0.7.0",
    "angular-ui-validate": "^1.2.2",
    "ng-stomp": "^0.2.0",
    "angular-scrollable-table": "^1.1.1",
    "aws-sdk": "aws-sdk-js#^2.7.7",
    "ng-file-upload": "^12.2.13",
    "angular-recaptcha": "^4.0.3",
    "ng-csv": "^0.3.6",
    "ngstorage": "^0.3.11",
    "intl-tel-input": "5.1.7",
    "international-phone-number": "^0.0.16",
    "angular-chart.js": "^1.1.1"
  },
  "devDependencies": {
    "angular-mocks": "1.5.8"
  },
  "overrides": {
    "bootstrap": {
      "main": [
        "less/bootstrap.less",
        "dist/fonts/glyphicons-halflings-regular.eot",
        "dist/fonts/glyphicons-halflings-regular.svg",
        "dist/fonts/glyphicons-halflings-regular.ttf",
        "dist/fonts/glyphicons-halflings-regular.woff",
        "dist/fonts/glyphicons-halflings-regular.woff2"
      ]
    },
    "fontawesome": {
      "main": [
        "less/font-awesome.less",
        "fonts/fontawesome-webfont.eot",
        "fonts/fontawesome-webfont.svg",
        "fonts/fontawesome-webfont.ttf",
        "fonts/fontawesome-webfont.woff",
        "fonts/fontawesome-webfont.woff2"
      ]
    },
    "roboto-fontface": {
      "main": [
        "css/roboto/less/roboto-fontface.less"
      ]
    },
    "chart.js": {
               "main": [
                   "dist/Chart.bundle.min.js"
               ]
           }
   },
  "resolutions": {
    "jquery": "~2.1.4",
    "angular": "1.5.8"
  },      
  "description": "Project Manager On-Premise",
  "main": "",
  "homepage": "index.html",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}

我认为存在与stmop相关的问题，或者我正在使用broswer sync，这可能是原因，但不能确定

---

请参阅

问题是由于其中一个库（包含在内）在其主js文件中缺少分号

原因：

我在我的项目中使用并使用

bower install

安装了这个库，当我运行

gulp dist:service

时，它缩小了主bower.json文件中提到的所有文件，并读取了bower_components/ng stomp/package.json，其中主文件位置为

“main”：“src/ng stomp.js”

并且该文件最后缺少分号，因此当下一个js库（ngStorage）缩小时，它的解析器无法识别，并抛出错误

解决方案：

通过在mybower.jsonoverrides块中编写以下代码来覆盖主文件（添加结尾带有分号的ng-stomp.min.js）

希望它能帮助别人

 "ng-stomp": {
            "main": [
                "dist/ng-stmop.min.js"
            ]
        }