当需要我的猫鼬模型到utlit.js文件中时，我要获得的对象原型只能是对象或null:未定义

Question

我正在使用与mongoose一起使用React通过表单生成新用户。在我尝试要求const createuser = require（'../models/users.js'）之前找到所有内容;进入我的文件。我有这个错误。进一步的Google搜索使我指出了WebPack错误，但是不确定要编辑什么以使其功能。如果我只是评论要求，一切正常，但是使用它，我的服务器没有错误地编译，但没有加载页面。

bundle.js:60371 Uncaught TypeError: Object prototype may only be an Object or null: undefined
    at Function.create (<anonymous>)
    at Object.<anonymous> (bundle.js:60371)
    at Object.<anonymous> (bundle.js:60568)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:60257)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:59882)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:59036)
    at Object.<anonymous> (bundle.js:59870)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:59015)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:67877)
    at Object.<anonymous> (bundle.js:68087)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:67000)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:66600)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:65573)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:62495)
    at Object.<anonymous> (bundle.js:62503)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:47664)
    at Object.module.exports (bundle.js:50288)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:47628)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:45470)
    at Object.<anonymous> (bundle.js:45598)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:45431)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:45406)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:45156)
    at __webpack_require__ (bundle.js:20)
    at Object.defineProperty.value (bundle.js:20595)
    at __webpack_require__ (bundle.js:20)
    at Object.<anonymous> (bundle.js:57)
    at __webpack_require__ (bundle.js:20)
    at bundle.js:40
    at bundle.js:43

const mongoose = require("mongoose");
const Schema = mongoose.Schema;
const UserSchema = new Schema({
  firstName: {
    type: String,
    required: true
  },
  lastName: {
    type: String,
    required: true
  },
  email: {
    type: String,
    required: true
  },
  password: {
    type: String,
    required: true
  },
  username: {
    type: String,
    required: true,
    trim: true,
    lowercase: true
  },
  history: [{type: Schema.Types.ObjectId, ref: 'Trips'}]
});
const CreateUser = mongoose.model('Users', UserSchema);
module.exports = CreateUser;

const CreateUser = require('../models/users.js');
const axios = require('axios');
module.exports = {
  postSignupInfo: (firstname, lastname, email, password, username) => {
    const newSignup = new CreateUser({
      firstName: firstname,
      lastName: lastname,
      email: email,
      password: password,
      username: username
    });
    newSignup.save().then(function() {
      console.log('new user was saved!');
    })
  }
};

const path = require('path');
const webpack = require('webpack');
//NPM Install that "tells the plugin to add any JavaScript into the bootom of the page...
// just before the closing body tag"
const HtmlWebpackPlugin = require('html-webpack-plugin');
const HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
  template: './src/client/index.html',
  filename: 'index.html',
  inject: 'body'
})
module.exports = {
  entry: './index.js',
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    loaders: [
      { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/ },
      { test: /.jsx?$/, loader: 'babel-loader', exclude: /node_modules/ },
      { test: /.(png|jpg|gif)$/, loader: 'file-loader' }
    ]
  },
  plugins: [HtmlWebpackPluginConfig,
    new webpack.DefinePlugin({
    'process.env': {
      'NODE_ENV': JSON.stringify('production')
    }
  })]
}

  "devDependencies": {
    "webpack-dev-server": "^1.16.2"
  },
  "dependencies": {
    "axios": "^0.17.1",
    "babel-core": "^6.21.0",
    "babel-loader": "^6.2.10",
    "babel-preset-latest": "^6.18.0",
    "babel-preset-react": "^6.16.0",
    "bcrypt-nodejs": "0.0.3",
    "body-parser": "^1.18.2",
    "file-loader": "^1.1.5",
    "html-webpack-plugin": "^2.26.0",
    "mongoose": "^4.13.2",
    "passport": "^0.4.0",
    "react": "^15.4.1",
    "react-bootstrap": "^0.31.5",
    "react-dom": "^15.4.1",
    "react-redux": "^5.0.6",
    "react-router": "^4.2.0",
    "react-router-dom": "^4.2.2",
    "react-router-redux": "^4.0.8",
    "redux": "^3.7.2",
    "webpack": "^1.14.0"
  }
}

Answer 1

我开始学习react.js时遇到了类似的问题。我试图从前端访问数据库，当我移动代码服务器端时，问题消失了。