javascriptでファイル書き込みしたい browserify-railsでエラー

Question

前提・実現したいこと

railsのビューのjavascriptでファイル書き込みを実行したくて、いろいろ調べたら、node.jsを使えばできるとあったので、試してみました。

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

以下の準備をして、使おうとしたところ、browserify関連のエラーが出てしまいました。

（１）node.jsはインストール済み（rails環境構築時にインストールした）
（２）browserifyをインストール
（３）browserify-railsをインストール

ブラウザでページを表示したところ、下記エラー発生。

Unable to run node_modules/.bin/browserify. Ensure you have installed it with npm.

試したこと

・コマンドプロンプトからファイル書き込みのjsファイルを動かした所、正常に動作しました。
$ node sample.js

const fs = require('fs')
fs.writeFileSync("output.txt", "hello,world")

・コマンドプロンプトからbrowserifyによるファイル結合の動作も正常にできました。
$ browserify main.js -o build.js

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

(OS) Windows 10
(WSL) Ubuntu 18.04.2 LTS
(Rails) 6.0.1
(ruby) 2.5.1p57
(browserify) 4.3.0
(node.js) v11.14.0
(npm) 3.5.3

###気になる点
エラー文に「Unable to run node_modules/.bin/browserify.」とあったので、
上記パスを確認したところ、./bin内にbrowserifyがありませんでした。
(パス：アプリ/node_modules/.bin/)

お手数ですが、考えられる原因がわかる方、助けてください(´;ω;｀)

Comments

[notakaos]

プロジェクトのディレクトリ内に package.json はありますでしょうか。
もし存在している場合は package.json の dependencies および devDependencies がどうなっているか追記していただくと回答しやすいかもしれません。

[KazuSaka]

ご返信ありがとうございます。
package.jsonの内容は下記の通りです。
{
"name": "testApp",
"private": true,
"dependencies": {
"@rails/actioncable": "^6.0.0-alpha",
"@rails/activestorage": "^6.0.0-alpha",
"@rails/ujs": "^6.0.0-alpha",
"@rails/webpacker": "^4.2.0",
"browserify-incremental": "^3.1.1",
"turbolinks": "^5.2.0"
},
"version": "0.1.0",
"devDependencies": {
"webpack-dev-server": "^3.9.0"
}
}

宜しくお願い致します。

Answer 1

おそらく browserify はグローバル領域にインストールはされてはいるものの、
Rails が browserify を参照する際はプロジェクトディレクトリの node_module 以下を探しているため、node_modules 以下に browserify が見つからずエラーが発生しているものと思われます。

プロジェクトディレクトリにて、

npm install -S browserify

を実行して browserify のローカルインストールを試してみてください。

Comments

[KazuSaka]

教えていただいたコマンドを実行したところ、エラーが解消できました。
本当にありがとうございます。