質問編集履歴

1 コマンド入力時の結果を追記

nocturnum

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
稚拙な質問ではありますがどうぞよろしくお願い致します。
  • JavaScript

    21050 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    11916 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • Node.js

    2430 questions

    Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

  • npm

    386 questions

    npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る