Javascript 无法读取属性'；用户名'；聊天应用程序中的未定义错误
这是错误屏幕：Javascript 无法读取属性'；用户名'；聊天应用程序中的未定义错误,javascript,node.js,mongodb,mongoose,passport.js,Javascript,Node.js,Mongodb,Mongoose,Passport.js,这是错误屏幕： <!DOCTYPE html> <html> <head> <title>Xinfin Chat</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="
<!DOCTYPE html>
<html>
<head>
<title>Xinfin Chat</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/css/login.css">
</head>
<body>
<div class="container logo-container">
<div class="row">
<div class="col-md-12">
<nav class="navbar" id="nav_bar" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle navbar_icon" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1 class="logo-div">
<a href="/">Xinfin Chat</a>
</h1>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li style="padding-right: 50px;">
<h2 class="reg-div">
<a href="/">
Login
</a>
</h2>
</li>
<li class="reg_link2">
<h2 class="reg-div">
<a href="/signup">
Register
</a>
</h2>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div id="main">
<div class="main">
<form action="/signup" method="post">
<h1>
Register
</h1>
<div class="inset">
<p>
<label for="username">USERNAME</label>
<input type="text" name="username" class="" placeholder="">
</p>
<p>
<label for="email">EMAIL ADDRESS</label>
<input type="text" name="email" placeholder="" />
</p>
<p>
<label for="password">PASSWORD</label>
<input type="password" name="password" placeholder="" />
</p>
</div>
<p class="p-container">
<span><a href="/">Login</a></span>
<input type="submit" class="login-log" style=" background: #3bb5ec; border: #3bb5ec;" value="Register">
</p>
</form>
</div>
</div>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
express会话已弃用未定义
保存未初始化选项；提供saveUninitialized选项
server.js:52:11侦听端口3000事件。js:167
投掷者；//未处理的“错误”事件
^
TypeError:无法读取未定义的属性“username”
在User.findOne（C:\Users\aksha\Desktop\kik\passport\passport local.js:42:32）
在C:\Users\aksha\Desktop\kik\node\u modules\mongoose\lib\model.js:4187:16
在model.Query.Query.\u completeOne（C:\Users\aksha\Desktop\kik\node\u modules\mongoose\lib\Query.js:1479:12）
在Immediate.Query.base.findOne.call（C:\Users\aksha\Desktop\kik\node\u modules\mongoose\lib\Query.js:1535:10）
马上。（C:\Users\aksha\Desktop\kik\node\u modules\mquery\lib\utils.js:119:16）
运行回调时（timers.js:696:18）
在tryOnImmediate（timers.js:667:5）
at processImmediate（timers.js:649:5）在以下位置发出“错误”事件：
在C:\Users\aksha\Desktop\kik\node\u modules\mongoose\lib\model.js:4189:13
在model.Query.Query.\u completeOne（C:\Users\aksha\Desktop\kik\node\u modules\mongoose\lib\Query.js:1479:12）
[…与原始堆栈跟踪匹配的行…]
在processImmediate（timers.js:649:5）
server.jsconst express = require('express');
const bodyParser =require('body-parser');
const ejs = require('ejs');
const http = require('http');
const container = require('./container');
const cookieParser = require('cookie-parser');
const validator = require('express-validator');
const session = require('express-session');
const Mongostore = require('connect-mongo')(session);
const mongoose = require('mongoose');
const flash = require('connect-flash');
const passport = require('passport');
container.resolve(function(users) {
mongoose.Promise = global.Promise;
mongoose.connect('mongodb://localhost/footballkik',{useMongoClient: true});
const app = SetupExpress();
function SetupExpress(){
const app = express();
const server = http.createServer(app);
server.listen(3000,function(){
console.log('listening on port 3000');
});
ConfigrationExpress(app);
//ROUTER SETUP
const router = require('express-promise-router')();
users.SetRouting(router);
app.use(router);
}
function ConfigrationExpress(app) {
require('./passport/passport-local');
app.use(express.static('public'));
app.use(cookieParser());
app.set('view engine','ejs');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));
app.use(validator());
app.use(session({
secret:'thisisatest',
resave: true,
saveInitialized: true,
store: new Mongostore({mongooseConnection:mongoose.connection})
}))
app.use(flash());
app.use(passport.initialize());
app.use(passport.session());
}
});
const mongoose = require('mongoose');
const bcrypt = require('bcrypt-nodejs');
const userSchema = mongoose.Schema({
username:{type: String, unique: true},
fullname:{type: String, unique: true,default:''},
email:{type: String, unique: true},
password:{type: String, default:''},
userImage:{type: String, default:'default.png'},
facebook:{type: String, default:''},
fbTokens:Array,
goolge:{type: String, default:''},
goolgeTokens:Array
});
userSchema.methods.encryptPassword = function(password) {
return bcrypt.hashSync(password,bcrypt.genSaltSync(10),null);
};
userSchema.methods.validUserPassword = function(password) {
return bcrypt.compareSync(password,this.password);
}
module.exports = mongoose.model('user',userSchema);
<!DOCTYPE html>
<html>
<head>
<title>Xinfin Chat</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/css/login.css">
</head>
<body>
<div class="container logo-container">
<div class="row">
<div class="col-md-12">
<nav class="navbar" id="nav_bar" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle navbar_icon" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1 class="logo-div">
<a href="/">Xinfin Chat</a>
</h1>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li style="padding-right: 50px;">
<h2 class="reg-div">
<a href="/">
Login
</a>
</h2>
</li>
<li class="reg_link2">
<h2 class="reg-div">
<a href="/signup">
Register
</a>
</h2>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div id="main">
<div class="main">
<form action="/signup" method="post">
<h1>
Register
</h1>
<div class="inset">
<p>
<label for="username">USERNAME</label>
<input type="text" name="username" class="" placeholder="">
</p>
<p>
<label for="email">EMAIL ADDRESS</label>
<input type="text" name="email" placeholder="" />
</p>
<p>
<label for="password">PASSWORD</label>
<input type="password" name="password" placeholder="" />
</p>
</div>
<p class="p-container">
<span><a href="/">Login</a></span>
<input type="submit" class="login-log" style=" background: #3bb5ec; border: #3bb5ec;" value="Register">
</p>
</form>
</div>
</div>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
passport.js“严格使用”；
const passport=require（‘passport’）；
const User=require（'../models/User'）；
const LocalStrategy=require（'passport-local'）。策略；
passport.user（（用户，完成）=>{
完成（null，user.id）；
});
passport.deserializeUser（（id，done）=>{
user.findById（id，（err，user）=>{
完成（错误，用户）；
});
});
passport.use（'local.signup'，新的LocalStrategy({
usernameField:“电子邮件”，
密码字段：'password'，
passReqToCallBack:true}，（请求、电子邮件、密码、完成）=>{
User.findOne（{'email'：email}，（err，User）=>{
如果（错误）{
返回完成（err）；
}
如果（用户）{
返回完成（null、false、req.flash（“错误”、“用户电子邮件已存在”）；
}
const newUser=新用户（）；
newUser.username=req.body.username；
newUser.email=req.body.email；
newUser.password=newUser.encryptPassword（req.body.password）；
newUser.save（（错误）=>{
完成（null，newUser）；
});
});
}));
你能在passport.js文件的req.body上添加console.log并告诉我你得到了什么吗？你能发布“kik\passport\passport local.js”文件的代码吗？在passport.js中同样的代码当我记录req时，我只收到来自html的电子邮件。当我记录req.body时，它显示未定义。这是您问题的答案。这就是我要说的。