使用Grunt、Bower和Node模块部署到Heroku

6
我正在将一个mean应用程序部署到heroku,并使用bower和grunt。我应该将我的node模块包含在git仓库中吗?如果不是,我真的不知道我需要如何部署,因为post脚本引用了来自node模块的bower安装。我应该将我的bower_components包含在git仓库中吗?似乎不应该,因为整个post脚本的重点不就是在heroku上执行bower安装吗?但是当我这样做时,会出现错误。以下是我的bower依赖项:
"dependencies": {
    "angular": "1.2.x",
    "angular-mocks": "~1.2.x",
    "jquery": "1.10.2",
    "bootstrap": "~3.1.1",
    "angular-bootstrap" : "0.11.0"
  }

我的 package.json 文件

{
  "main": "server.js",
  "engines": {
    "node": "0.10.29"
  },
  "dependencies": {
    "express": "~3.4.x",
    "mongoose": "~3.6.x",
    "mongodb": "^1.4.0",
    "ejs": "*",
    "email-templates" : "1.0.0",
    "crypto": "0.0.3",
    "lodash": "~2.4.1",
    "aws-sdk": "2.0.0-rc11",
    "passport" : "~0.1.17",
    "passport-local" : "~0.1.6",
    "connect-flash" : "~0.1.1",
    "winston": "0.6.x",
    "gm"    : "1.16.0",
    "apn" : "1.5.2",
    "bcrypt-nodejs" : "latest",
    "angular-wizard": "latest",
    "point-in-polygon": "latest",
    "node-mailgun": "0.0.2",
    "nodemailer"  : "0.7.0",
    "passport-facebook" : "1.0.3"
  },
  "devDependencies": {
    "supertest": "0.5.x",
    "bower": "0.6.x",
    "mocha": "1.8.x",
    "should": "1.2.x",
    "karma": "~0.10",
    "protractor": "^0.24.2",
    "http-server": "^0.6.1",
    "bower": "^1.3.1",
    "grunt-cli": "~0.1.13",
    "grunt-env": "~0.4.1",
    "grunt-node-inspector": "~0.1.3",
    "grunt-contrib-watch": "~0.6.1",
    "grunt-contrib-jshint": "~0.10.0",
    "grunt-contrib-csslint": "^0.2.0",
    "grunt-contrib-uglify": "~0.4.0",
    "grunt-contrib-cssmin": "~0.9.0",
    "grunt-nodemon": "~0.2.0",
    "grunt-concurrent": "~0.5.0",
    "grunt-mocha-test": "~0.10.0",
    "grunt-karma": "~0.8.2",
    "grunt-protractor-runner": "~1.0.0",
    "load-grunt-tasks": "~0.4.0",
    "jasmine-reporters": "~0.4.0",
    "karma": "~0.12.0",
    "karma-jasmine": "~0.2.1",
    "karma-coverage": "~0.2.0",
    "karma-chrome-launcher": "~0.1.2",
    "karma-firefox-launcher": "~0.1.3",
    "karma-phantomjs-launcher": "~0.1.2",
    "karma-junit-reporter": "~0.2",
    "shelljs": "^0.2.6",
    "xunit-file": "*"
  },
  "scripts": {
    "postinstall": "node_modules/.bin/bower install",

    "pretest": "npm install",
    "test": "karma start test/karma.conf.js",
    "test-single-run": "karma start test/karma.conf.js  --single-run",

    "preupdate-webdriver": "npm install",
    "update-webdriver": "webdriver-manager update",

    "preprotractor": "npm run update-webdriver",
    "protractor": "protractor test/protractor-conf.js",

    "update-index-async": "node -e \"require('shelljs/global'); sed('-i', /\\/\\/@@NG_LOADER_START@@[\\s\\S]*\\/\\/@@NG_LOADER_END@@/, '//@@NG_LOADER_START@@\\n' + cat('bower_components/angular-loader/angular-loader.min.js') + '\\n//@@NG_LOADER_END@@', 'app/index-async.html');\""
  }
}

我遇到了这个错误:

   5816 info fsevents@0.2.0 Failed to exec install script
5817 error fsevents@0.2.0 install: `node-gyp rebuild`
5817 error Exit status 1
5818 error Failed at the fsevents@0.2.0 install script.
5818 error This is most likely a problem with the fsevents package,
5818 error not with npm itself.
5818 error Tell the author that this fails on your system:
5818 error     node-gyp rebuild
5818 error You can get their info via:
5818 error     npm owner ls fsevents
5818 error There is likely additional logging output above.
5819 error System Linux 3.8.11-ec2
5820 error command "/tmp/build_2cc32425-eae7-45af-8b95-104e1c2c7c53/vendor/node/bin/node" "/tmp/build_2cc32425-eae7-45af-8b95-104e1c2c7c53/vendor/node/bin/npm" "rebuild"
5821 error cwd /tmp/build_2cc32425-eae7-45af-8b95-104e1c2c7c53
5822 error node -v v0.10.29
5823 error npm -v 1.4.14
5824 error code ELIFECYCLE
5825 verbose exit [ 1, true ]

 !     Push rejected, failed to compile Node.js app

我看到需要运行npm install -g karma命令,但这并没有解决问题。或者是bower install出现了错误......难道是我的开发依赖出现问题了吗?

3个回答

5

我发现Joe Eames的这个视频教程对于使用MEAN堆栈进行开发和部署到Heroku非常有用:http://pluralsight.com/training/courses/TableOfContents?courseName=building-angularjs-nodejs-apps-mean&highlight=

给出的建议是,不应将node_modules包含在git仓库中,而应该在部署时让Heroku为您构建它们。

通过阅读您的文件,似乎列出了太多的依赖项。例如,我认为您不需要在package.json中将“Bower”列为开发依赖项。同样,您在package.json中包含的脚本并不是我之前见过的内容。我建议使用Heroku命令或在此处找到的grunt构建包:github.com/mbuchetics/heroku-buildpack-nodejs-grunt.git进行部署。

在这里可以找到有关如何使用grunt部署到Heroku的更多说明:https://medium.com/@3runjo/how-to-deploy-a-grunt-project-on-heroku-c227cb1ddc56

我意识到这不是一个完整的答案,但应该给你足够的线索来调试你的问题。


1
你在Heroku上缺少一个Node.js的构建包。同时,如果你正在使用grunt,你需要选择一个grunt Node.js的构建包。这是其中一个:

https://github.com/mbuchetics/heroku-buildpack-nodejs-grunt

您只需要在 Gruntfile.js 中注册构建 Heroku 的任务,例如像这样:
grunt.registerTask('heroku:development', 'clean less mincss');
grunt.registerTask('heroku:production', 'clean less mincss uglify');

同时记得将配置变量添加到Heroku应用程序中:

heroku config:add BUILDPACK_URL=https://github.com/mbuchetics/heroku-buildpack-nodejs-grunt.git

您在 package.json 中使用的 bower 版本非常老,我的版本是:

"scripts": {
    "postinstall": "./node_modules/bower/bin/bower install"
},
"dependencies": {
    "bower": "^1.3.5",

1
将以下内容添加到您的 .slugignore 文件中:
/node_modules/grunt-karma/
/node_modules/grunt-protractor-runner/
/node_modules/karma/
/node_modules/karma-chrome-launcher/
/node_modules/karma-mocha/
/node_modules/karma-ng-html2js-preprocessor/
/node_modules/ngmin/
/node_modules/protractor/
/node_modules/rfile/
/node_modules/rfileify/
/node_modules/rhtml/

这解决了我的fsevents@0.2.0问题。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接