laravelのjs内でmysqlへの接続ができない。

laravel jsでmysqlを使用する際にエラーが出て解決できません。
アドバイスをお願いいたします。

環境
Laravel Framework 8.19.0
node v15.4.0

解決したいことはjs内でmysqlのデータを使用したいですが、
mysqlへの読み込みがうまく行きません。
試したことは
①「node.js」のインストール
②プロジェクトのルートディレクトリで「nom install mysql」実行
③②実行後のエラーからプロジェクトのルートディレクトリで
「npm install tls, fs, net」実行

現在のエラーが以下になります。

$ npm run dev

dev
npm run development

development
cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js

98% after emitting SizeLimitsPlugin

ERROR Failed to compile with 1 errors 23:46:51

This dependency was not found:

fs in ./node_modules/mysql/lib/protocol/sequences/Query.js

To install it, you can run: npm install --save fs
Asset Size Chunks Chunk Names
/css/app.css 0 bytes /js/app [emitted] /js/app
/js/app.js 594 KiB /js/app [emitted] /js/app
/js/index.js 1.95 MiB /js/index [emitted] /js/index

ERROR in ./node_modules/mysql/lib/protocol/sequences/Query.js
Module not found: Error: Can't resolve 'fs' in '/Users/yamadaippei/Desktop/laravel_project/yoshinoya2/node_modules/mysql/lib/protocol/sequences'
@ ./node_modules/mysql/lib/protocol/sequences/Query.js 2:22-35
@ ./node_modules/mysql/lib/Connection.js
@ ./node_modules/mysql/index.js
@ ./resources/js/asset/index.js
@ multi ./resources/js/asset/index.js
npm ERR! code 2
npm ERR! path /Users/yamadaippei/Desktop/laravel_project/yoshinoya2
npm ERR! command failed
npm ERR! command sh -c cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/yamadaippei/.npm/_logs/2020-12-17T14_47_01_566Z-debug.log
npm ERR! code 2
npm ERR! path /Users/yamadaippei/Desktop/laravel_project/yoshinoya2
npm ERR! command failed
npm ERR! command sh -c npm run development

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/yamadaippei/.npm/_logs/2020-12-17T14_47_01_592Z-debug.log

jsでのmysqlの読み込みが以下です。

//mysqlへの説族
var mysql = require('mysql');
var connection = mysql.createConnection({
    host : 'localhost',
    user : 'root',
    password : 'secret',
    database : 'secret'
})
connection.connect();
connection.query('select * from products', function(err, rows) {
    if (err) {
        console.log('err: ', err)
    }
    console.log(rows[0].商品名);
})
// 接続終了
connection.end();