Vue.jsからOracleDBへの接続

Question

前提・実現したいこと

Vue.jsでOracleDBからデータを取得するようなWebアプリケーションを作成しています。
npm run serve 実行後にエラーが出ており、OracleDBへの接続が上手くできていない状況です。

どなたかお分かりになる方、ご教授いただければ幸いです。

発生している問題・エラーメッセージ

Uncaught Error: NJS-045: cannot load a node-oracledb binary for Node.js undefined (undefined undefined) 
  Looked for /build/Release/oracledb-abiundefined-undefined-undefined.node, /build/Release/oracledb.node, /build/Debug/oracledb.node
  Node-oracledb installation instructions:

該当のソースコード

<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <button @click="ConnOra">ConnOra</button>
    ...
  </div>
</template>

<script>
import connOra from './ConnOra.js'
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  methods: {
    connOra () {
      connOra.connOra()
    }
  }
}
</script>

const oracledb = require('oracledb')

let sql = 'select * from test_table'
let res = ''

function connOra () {
  oracledb.getConnection(
    {
      connectString: '999.999.999.999/XXX',
      user: 'user1',
      password: 'user1'
    },
    function (err, conn) {
      if (err) {
        console.error(err.message)
        return
      }
      conn.execute(sql, function (err, results, req) {
        res = results.rows[0]
        console.log(res)
        console.log(err)
        console.log(req)
        conn.close()
      })
    }
  )
  console.log(res)
}

export default {
  connOra
}

試したこと

node xxx.js
のようにjsファイル単体での実行ができたので、パッケージは正しくインストールすることができているのではないかと考えています。

補足情報（FW/ツールのバージョンなど）

Node.js v8.12.0
Vue CLI v3.8.2
"oracledb": "^3.1.2",
"vue": "^2.6.10"

Comments

[Orlofsky]

>"oracledb": "^3.1.2",
たぶん、日本では正規には販売されていないバージョンでしょう。25年とかもっと昔。

[ishida008]

返信ありがとうございます。
こちらを利用しているのですが、古いバージョンなのでしょうか？
https://www.npmjs.com/package/oracledb

[Orlofsky]

URLの方はわかりません。
質問にOracle Database のバージョンを追記されては？

Answer 1

対応してるのはnode.jsであってブラウザのJSからは当然使えないのでは。
passwordが見えるからありえない。

サーバーサイドのnode.jsでOracleDBに接続して取得してjsonを返す。
クライアントサイドのVueは↑からjsonを受け取る形。

同じJSに見えても別の世界。