我有一个正在运行以下版本的应用
- Angularjs 1.46
- 蒙戈4.0.0
- Mongoose 4.1.12
- 特快4.7.4
- Node 8.11.3
只要我的所有表都有 100 个或更少的文档,一切都很好。当我调用 101 时,它就停止返回任何文件。这些是只有一个索引的小文档,因此大小不是问题。我认为是某个地方有一个我找不到的设置导致了这种情况,但这是我第一次使用这些技术。此行为在本地(在 Windows 盒子上)和部署在 AWS unix 盒子上(通过 git 传输代码)时都会发生。
我已经将其简化为这样。我定义了一个简单的模型和路线来尝试隔离问题。所以我只是将路线放入浏览器中,我认为这将 Angular 排除在外。最多 100 个文档,数据在浏览器中返回。 101 文档,没有响应,但 get 调用出现错误(见下文)。在开发人员工具中,当我查看 network>xhr 时,它说它已停止或等待几分钟,然后错误最终回来。在 addCtrl.js 中,未到达日志语句。所以它在 GET 调用中的某个地方停滞了,我只是不知道为什么 101 是一个神奇的路障。
如果我手动返回记录(将 json 直接粘贴到路由的返回值中),它就可以正常工作。所以它似乎是 mongo/mongoose/node 端的东西(至少我认为这就是它的意思)。
查看它停止运行的位置,它似乎是 angular.js 文件中的第 10695 行,内容为
xhr.send(isUndefined(post) ? null : post);
对于失败的运行,它会像这样结束
对于成功的运行,它看起来像这样
这里是routes中get调用报错
angular.js:10695 GET http://localhost:3000/censusBlocks/ 0 () (anonymous) @ angular.js:10695 sendReq @ angular.js:10514 serverRequest @ angular.js:10221 processQueue @ angular.js:14678 (anonymous) @ angular.js:14694 $eval @ angular.js:15922 $digest @ angular.js:15733 $apply @ angular.js:16030 bootstrapApply @ angular.js:1660 invoke @ angular.js:4476 doBootstrap @ angular.js:1658 bootstrap @ angular.js:1678 angularInit @ angular.js:1572 (anonymous) @ angular.js:28821 trigger @ angular.js:3022 eventHandler @ angular.js:3296
两次运行之间唯一不同的是文档数量。我实在是想不通。
我确实发现如果我使用var query = CensusBlock.find({}).limit(itemcount);
并将项目计数设置为 101,那么它将返回 101 并且工作正常。但如果我将限制设置为 102,它会再次停止工作。或者,如果我将文档计数增加到 102,它也会再次停止工作。
我也尝试使用 Mongo 版本 3.6.6 并得到了相同的行为。我也刚刚在一台新计算机上尝试使用 npm install (我手动复制了 angular.js 文件),问题仍然存在。我知道其他人无法复制,但我无法让它停止。所以我真的很困惑和沮丧。
这是代码,非常简单,所以我觉得这一定是某个地方的一些奇怪的设置,我只是不知道在哪里。
package.json
{
"name": "testApp",
"version": "1.0.0",
"description": "TEst",
"main": "server.js",
"author": "gina",
"dependencies": {
"express": "~4.7.2",
"mongoose": "~4.1.0",
"body-parser": "~1.5.2"
}
}
服务器.js
// Dependencies
// -----------------------------------------------------
var express = require('express');
var mongoose = require('mongoose');
var port = process.env.PORT || 3000;
var bodyParser = require('body-parser');
var app = express();
// Express Configuration
// -----------------------------------------------------
// Sets the connection to MongoDB
mongoose.connect("mongodb://localhost/test");
// Logging and Parsing
app.use(express.static(__dirname + '/public')); // sets the static files location to public
app.use('/bower_components', express.static(__dirname + '/bower_components')); // Use BowerComponents
app.use(bodyParser.json()); // parse application/json
app.use(bodyParser.urlencoded({extended: true})); // parse application/x-www-form-urlencoded
app.use(bodyParser.text()); // allows bodyParser to look at raw text
app.use(bodyParser.json({ type: 'application/vnd.api+json'})); // parse application/vnd.api+json as json
// Routes
// ------------------------------------------------------
require('./app/routes.js')(app);
// Listen
// -------------------------------------------------------
app.listen(port);
console.log('App listening on port ' + port);
routes.js。请注意,查询没有 .limit,它只是尝试获取所有文档。如上所述,添加 .limit(101) 似乎可以使其工作,但每次调用之前都必须获取文档。手动将记录放入此处可以消除该问题。
// Dependencies
var mongoose = require('mongoose');
var CensusBlock = require('./model.js');
// Opens App Routes
module.exports = function(app) {
// GET Routes
// --------------------------------------------------------
// Retrieve the censuslocks from the db
app.get('/censusBlocks', function (req, res) {
var blocklist = new CensusBlock(req.body);
console.log('in route censusblocks'); //This reports
var query = CensusBlock.find({});
//var query = CensusBlock.find({}).limit(itemcount); //This seems to work if itemcount is less than or equal to the document count
query.exec(function (err, blocklist) {
if (err) {
console.log(`Error: ${err}`);
res.send(err);
}
// If no errors are found, it responds with a JSON of all sites
console.log('in route censusblocks query return'); //This does not report for 101
res.json(blocklist);
//Manually returning the data here (as shown below) works so it's the get that's failing somehow
//return res.json([{}…]);
});
});
};
app.js
// Declares the initial angular module "meanApp". Module grabs other controllers and services.
var app = angular.module('meanApp', ['addCtrl']);
addCtrl.js
// Creates the addCtrl Module and Controller.
// var addCtrl = angular.module('addCtrl', ['$scope', '$http']); //causes compile error as noted in comments
var addCtrl = angular.module('addCtrl', []);
addCtrl.controller('addCtrl', function($scope, $http){
// Initializes Variables
// ----------------------------------------------------------------------------
$scope.formData = {};
// Functions
// ----------------------------------------------------------------------------
$http.get('/censusBlocks/').success(function (response) {
console.log('There are ' + response.length + ' censusblocks'); //This does not report for 101 docs
$scope.blocks = response;
}).error(function () { });
});
模型.js
// Pulls Mongoose dependency for creating schemas
var mongoose = require('mongoose');
var Schema = mongoose.Schema;
var CensusBlockSchema = new Schema({
geoid10: Number,
intptlat10: Number,
intptlon10: Number,
blockarea: Number
});
CensusBlockSchema.index({ geoid10: 1 }, { unique: true });
module.exports = mongoose.model('censusblocks', CensusBlockSchema);
config.js
// Sets the MongoDB Database options
module.exports = {
local:
{
name: "testapp",
url: "mongodb://localhost/test",
port: 27017
}
};
index.html
<!doctype html>
<html class="no-js" ng-app="meanApp">
<head>
<meta charset="utf-8">
<title>Scotch MEAN Map</title>
<meta name="description" content="test App">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- JS Source -->
<script src="js/angular.js"></script>
<!-- Angular Scripts -->
<script src="js/app.js"></script>
<script src="js/addCtrl.js"></script>
</head>
<body ng-controller="addCtrl">
<div class="container">
<div class="form-group">
<label for="census block">Pick the Census Block</label>
<select label="census block" ng-model="formdata.selectedBlock" ng-options="x.geoid10 for x in blocks | orderBy:'geoid10' "></select>
</div>
</div>
</body>
</html>
最佳答案
哇,很抱歉之前没有注意到这一点,但您未能将依赖项注入(inject)到模块中。
Controller 需要 $scope 和 $http,因此您应该声明它们:
var addCtrl = angular.module('addCtrl', ['$scope', '$http']);
关于angularjs - 如果任何集合包含超过 100 个文档,MEAN stack 应用程序将停止工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51886772/