nocturnum score 2
2017/09/25 10:23 投稿
| Browserifyによるバンドルファイル生成について |
| ###前提・実現したいこと |
| 現在ウェブサーバの構築を行っており、クライアント側でrequire()でexpressのモジュールを呼び出したいと考えています。 |
| そのため、Browserifyを使用しファイル結合する方法を見つけたのでそれを試しています。 |
| 具体的にはクライアント側に公開されるディレクトリ配下のjsファイルで以下のコードが問題なく動かしたいのです。 |
| ```javascript |
| var express = require('express'); |
| //以下略 |
| ``` |
| ###発生している問題・エラーメッセージ |
| Browserifyをコマンドライン上より実行したところ、以下のようなメッセージが表れました。 |
| ``` |
| user@Ubuntu:~/pj$ browserify /public/javascripts/user.button.js -o bundle.js |
| Error: Cannot find module '/public/javascripts/user.button.js' from '/home/user/ドキュメント/Project' |
| at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:55:21 |
| at load (/usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:69:43) |
| at onex (/usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:92:31) |
| at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:22:47 |
| at FSReqWrap.oncomplete (fs.js:152:21) |
| ``` |
| ###プロジェクトのツリー |
| このプロジェクトの構造は以下の通りです。 |
| ``` |
| Project |
| ├ .git/ |
| ├ bin/ |
| ├ node_modules/ |
| ├ public/ //クライアント側に公開する |
| │ ├ image/ |
| │ ├ javascripts/ |
| │ │ └ user.button.js |
| │ └ css/ |
| │ └ user.button.css |
| ├ app.js |
| ├ package.json |
| └ package-lock.json |
| ``` |
| ###試したこと |
| 上記browserifyのコマンドの user.button.jsの部分のパスを変更して試してみたのですが、いずれもエラー文上のパスから明らかに通れていない表示をしていました。 |
| ####(2017/09/25 追記) |
| 御指摘を受けて以下のコマンドにて再度試してみましたが、エラーが発生してしまいました。 |
| ```ここに言語を入力 |
| user@Ubuntu:~/ドキュメント/Project$ browserify public/javascripts/user.button.js -o bundle.js |
| Error: Cannot find module '/home/user/ドキュメント/Project/public/javascripts/user.button.js' from '/home/user/ドキュメント/Project' |
| at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:55:21 |
| at load (/usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:69:43) |
| at onex (/usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:92:31) |
| at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:22:47 |
| at FSReqWrap.oncomplete (fs.js:152:21) |
| ``` |
| ```ここに言語を入力 |
| user@Ubuntu:~/ドキュメント/Project$ browserify ./public/javascripts/user.button.js -o bundle.js |
| Error: Cannot find module '/home/user/ドキュメント/Project/public/javascripts/user.button.js' from '/home/user/ドキュメント/Project' |
| at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:55:21 |
| at load (/usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:69:43) |
| at onex (/usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:92:31) |
| at /usr/local/lib/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:22:47 |
| at FSReqWrap.oncomplete (fs.js:152:21) |
| ``` |
| ###補足情報(言語/FW/ツール等のバージョンなど) |
| 動作環境 Ubuntu16.04 |
| npm : 5.3.0 |
| express : 4.15.4 |
| browserify:14.4.0 |
| 稚拙な質問ではありますがどうぞよろしくお願い致します。 |
