Next.js×Sequelize のdbがundefined

Question

Next.js のapiをaxiosで叩き、データベース内のデータを取得しようとしたところ　 Cannot read property 'findByPk' of undefined　エラーが発生。

//pages/api/user.js
const db = require('../../db/models/'); 

export default (req,res) =>{
    db.User.findByPk(1)           //ここでエラー発生
     .then(usr=>{
         res.status(200).json({usr});
     })
}

//pages/index.js
import axios from 'axios';
import React,{useEffect,useState} from 'react';

const Home = () => {
  const [data,setData] = useState('');

  useEffect(()=>{
    axios.get('/api/user')
     .then(usr=>{
       setData(usr.name);
     })
  })
return(
  <div>
    <p>Hello</p>
    <p>{data}</p>
  </div>
)
}

export default Home;

//models/index
'use strict';

const fs = require('fs');
const path = require('path');
const Sequelize = require('sequelize');
const basename = path.basename(__filename);
const env = process.env.NODE_ENV || 'development';
const config = require(__dirname + '/../config/config.json')[env];
const db = {};

let sequelize;
if (config.use_env_variable) {
  sequelize = new Sequelize(process.env[config.use_env_variable], config);
} else {
  sequelize = new Sequelize(config.database, config.username, config.password, config);
}

fs
  .readdirSync(__dirname)
  .filter(file => {
    return (file.indexOf('.') !== 0) && (file !== basename) && (file.slice(-3) === '.js');
  })
  .forEach(file => {
    const model = require(path.join(__dirname, file))(sequelize, Sequelize.DataTypes);
    db[model.name] = model;
  });

Object.keys(db).forEach(modelName => {
  if (db[modelName].associate) {
    db[modelName].associate(db);
  }
});

db.sequelize = sequelize;
db.Sequelize = Sequelize;

module.exports = db;

//package.json
{
  "name": "nextsequelize",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start"
  },
  "dependencies": {
    "axios": "^0.21.1",
    "next": "10.1.3",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "sequelize": "^6.6.2",
    "sequelize-cli": "^6.2.0",
    "sqlite3": "^5.0.2"
  }
}

＜エラー文＞
TypeError: Cannot read property 'findByPk' of undefined
at module.exports../pages/api/user.js.webpack_exports.default (C:\Users\name\Desktop\nextsequelize.next\server\pages\api\user.js:187:11)
at apiResolver (C:\Users\name\Desktop\nextsequelize\node_modules\next\dist\next-server\server\api-utils.js:8:7)

＜ファイル構成＞
.next
node_modules
db
-config
-migrations
-seeders
-models
ーuser.js
ーindex.js
-db.sqlite3
page
public
styles
package.json
package-lock.json

＜試したこと＞
https://github.com/dyarfi/nextjs-sequelize
を参考にコードを書き換えてみたりしたが、解決できず。

よろしくお願いいたします。

Comments

[seastar3]

Sequelizeを使ったことがないので、コーディングの形式だけでご確認しますが、
db.User.findByPk(1)のdb.Userの指定は合っていますか。
どこでSequelizeをインスタンス化しているのでしょうか。

[gasuketu]

models/index.jsです。models/indexのコード追加しました。db.Userの指定部分はあっていると思います。

Answer 1

Sequelizeのバージョン5以降はfindByPkメソッドで、それ以前はfindByIdメソッドとのことです。
環境はバージョン6のようですが、一応findByIdメソッドで試してみてはどうでしょうか。

Comments

[gasuketu]

上記の変更で解決できました。
協力ありがとうございました。<(_ _)><(_ _)><(_ _)>

[seastar3]

Good job !

Answer 2

いくつかのサイトを参考にいろいろいじってみたところ解決しました。
＜変更１＞
データベースファイルをルートディレクトリに移動
＜変更２＞
models/index.js のコードを修正

//models/index.js
'use strict';

const fs = require('fs');
const path = require('path');
const Sequelize = require('sequelize');
const basename = path.basename(__filename);
const env = process.env.NODE_ENV || 'development';
const config = require(__dirname + '/../config/config.json')[env];
const db = {};
const models = process.cwd() + '/db/models/' || __dirname;                       //変更
let sequelize;
if (config.use_env_variable) {
  sequelize = new Sequelize(process.env[config.use_env_variable], config);
} else {
  sequelize = new Sequelize(config.database, config.username, config.password, config);
}

fs
  .readdirSync(models)                                                            //変更
  .filter(file => {
    return (file.indexOf('.') !== 0) && (file !== basename) && (file.slice(-3) === '.js');
  })
  .forEach(file => {
    // const model = require(path.join(__dirname, file))(sequelize, Sequelize.DataTypes);  
    const model = require(`./${file}`).default(sequelize, Sequelize.DataTypes);　//変更
    db[model.name] = model;
  });

Object.keys(db).forEach(modelName => {
  if (db[modelName].associate) {
    db[modelName].associate(db);
  }
});

db.sequelize = sequelize;
db.Sequelize = Sequelize;

module.exports = db;

解決理由はまだわかっていないのでこれから調べていきます。