MEAN堆栈:未定义angular度

我一直在寻找解决我的问题整整两天,现在没有结果。 我知道有很多关于“angular度没有定义”的线索,但他们的答案是无济于事的。 起点是我已经在DigitalOcean上为SPA部署了MEAN栈。 也有使用中的咕噜声。 该应用程序已成功运行,直到咕噜试图运行有angular.module的server.js文件(…调用。

文件夹结构如下:

node_modules

  • 应该有一堆模块

上市

  • LIB
  • angular度,angular度资源,jquery等文件夹

路线

  • index.js

SRC

意见

  • index.html,index.jade,layout.jade

bower.json

gruntfile.js

karma.conf.js

的package.json

server.js


bower.json

{ "name": "meanjs", "version": "0.3.2", "description": "Fullstack JavaScript with MongoDB, Express, AngularJS, and Node.js.", "dependencies": { "bootstrap": "~3", "angular": "~1.3.0", "angular-resource": "1.3.0", "angular-animate": "~1.3.0", "angular-mocks": "~1.3.0", "angular-bootstrap": "~0.11.0", "angular-ui-utils": "~0.1.1", "angular-ui-router": "~0.2.10" } } 

server.js

 'use strict'; var cheerio = require('cheerio'), http = require('http'), iconv = require('iconv-lite'), request = require('request'), mongoose = require('mongoose'), iconv = require('iconv-lite'); angular.module('myapp', []); var express = require('express'); var app = express(); app.use(express.static(__dirname + '/public')); app.set('view engine', 'jade'); app.get('/', function (req, res) { res.sendfile('./views/index.html'); }); app.listen(80); 

的index.html

 <!DOCTYPE html> <html lang="en" ng-app="myapp"> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script> <script src="/opt/mean/server.js"></script> <meta charset="UTF-8"> <title>Myapptitle</title> </head> <body> <div id="app"> <p>Hallelujah, server is running!</p> </div> </body> </html> 

我一直在移动与index.html文件周围的.js文件相关的所有部分,依此类推。 该应用程序的要点是只是让server.js运行,并有几个不同的基于.js文件的angular度模块,为server.js处理JSON文件。 我只是没有任何线索留下什么尝试,请给我一些build议。 如果有必要,我会很乐意为你提供更多的代码文件。

server.js是一个Node / Express应用程序,不应该包含Angular代码。 一般来说,你将有一个公共/文件夹的Angular应用程序和angular.module通常会首先调用public / app.js

有关设置的一个非常好的示例,请参阅http://meanjs.org – 使用MEAN.JS快速搭build示例结构,并查看/server.js和public / app.js以获取使用示例。

最后,在你的HTML文件中,你不会包含server.js文件,而是包含你的app.js. 试着记住server.js是用于服务器端的Node / Express,并且独立于你的前端代码。