throw new TypeError('Router.use() requires a middleware function but got a ' + gettype(fn))v

Question

我得到了错误：

throw new TypeError('Router.use()requires a middleware function but got a ' + gettype(fn))v

我还很新，不知道发生了什么！任何帮助将不胜感激，如果有任何其他信息可能有用，请告诉我。提前非常感谢！！！！！！！

这是我的 app.js：

const express = require('express');
const app = express(); // object with methods; One method is router; express creates a server; app allows us to access the server; app.listen hooks up our server;
const morgan = require('morgan'); //app.use(...) morgan says console.log(wht app.use does);
const { db, Review, Toilet, User } = require('./server/db/index');

// Logger:
app.use(morgan('dev')); // implies '/' ('/', morgan('dev'));

//Body parser:
app.use(express.urlencoded({ extended: false }));
app.use(express.json());

// public:
app.use(express.static(__dirname + '/public'));

// Backend Routing:
app.use('/api', require('./server/api/index'));

// Setting up server
const PORT = process.env.PORT || 8880;

const syncDb = () => db.sync();

const startListening = () => {
  app.listen(PORT, function() {
    console.log(
      ` ***** I'm leisurely listening on pleasant port of ${PORT} *****`
    );
  });
};

async function bootApp() {
  await syncDb();
  await startListening();
}

bootApp();

这是我的服务器/api/index.js：

const router = require('express').Router();

router.use('/toilets', require('./toiletRoutes'));
router.use('/users', require('./userRoutes'));
router.use('/reviews', require('./reviewRoutes'));

module.exports = router;

这是我的服务器/db/api/toiletRoutes.js：

const express = require('express');
const router = express.Router();
const { Toilet, User, Review } = require('../db/index');

// Get all toilets
router.get('/', async function(req, res, next) {
  console.log('in get all toilets');
  try {
    const allToilet = await Toilet.findAll();
    res.status(200).send(allToilet);
  } catch (error) {
    next(error);
  }
});

module.exports = router;

这是我的 package.json：

{
  "name": "newflush",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "engines": {
    "npm": "6.4.1",
    "node": "10.7.0"
  },
  "scripts": {
    "start": "webpack -w & node app.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "axios": "^0.18.0",
    "babel": "^6.23.0",
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-polyfill": "^6.26.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-react": "^6.24.1",
    "babel-upgrade": "0.0.23",
    "express": "^4.16.3",
    "google-map-react": "^1.1.2",
    "morgan": "^1.9.1",
    "path": "^0.12.7",
    "pg": "^7.8.1",
    "pg-hstore": "^2.3.2",
    "react": "^16.5.2",
    "react-burger-menu": "^2.5.4",
    "react-dom": "^16.5.2",
    "react-geocode": "^0.1.2",
    "react-google-maps": "^9.4.5",
    "react-redux": "^5.0.7",
    "react-router": "^4.3.1",
    "react-router-dom": "^4.3.1",
    "redux": "^4.0.0",
    "redux-thunk": "^2.3.0",
    "sequelize": "^4.43.0",
    "webpack": "^4.20.2",
    "webpack-cli": "^3.1.2"
  }
}

Here is my server file tree

Answer 1

检查您的所有出口 应该是：

module.exports = router;

Answer 2

您的index.js 位于sever/db/api/index.js

在您的app.js 中，您需要server/api/index.js

将其更改为正确的路径。

更新：

哦，我刚刚注意到这部分

app.use(express.urlencoded({ extended: false }));
app.use(express.json());

应该是

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

您需要将 body-parser 模块添加到依赖项并需要它。