2016-08-30 12 views
2

私はnode.jsとバックエンドプログラミングが初めてです。 Expressから静的ファイルをロードできません。私は 'public'ディレクトリを使用していません。私は 'js'フォルダからjsファイルが必要です。 app.use('/js',express.static(__dirname + '/js'));express.jsから静的ファイルを読み込めません

index.html: 
 
<script type="text/javascript" src="js/jquery.min.js"></script> 
 
<script type="text/javascript" src="js/bootstrap.js"></script> 
 
<script type="text/javascript" src="js/sngulsr.js"></script> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.1.3/ui-bootstrap.min.js"></script> 
 
<script type="text/javascript" src="js/angular-routing.js"></script> 
 
<script type="text/javascript" src="js/angular-main.js"></script> 
 
<script type="text/javascript" src="js/controllers.js"></script> 
 
<script type="text/javascript" src="js/custom.js"></script> 
 
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.js"></script>

(これらはロード取得されていないファイルです)

: これは、私が言及しているindex.js でフォルダ構造 folder structure:

ですしたがって、ファイルを実行すると、jqueryがロードされていないため、$定義されていないエラーが発生します。

EDIT: app.use画像から__dirnameを除去した後EDITED_IMG

+1

'app.use(express.static( '/'));'あなたがそれを設定した方法ですが、次にあなたはコードベース全体をクライアントに公開していますそのために '/ public'フォルダを使います。 – adeneo

+1

WindowsまたはLinux? 'app.use'から' __dirname'を削除するとどうなりますか? Webアプリケーションを実行しているコンソールでエラーが発生しましたか? –

+0

ありがとうございます!しかし、ファイルはまだロードされていないようです... – Kshri

答えて

1

はあなたの設定少し

app.use(express.static(__dirname + '/js')); 

を変更した後、例えば、全てのJSフォルダへの相対パスをJS参照します。

<script type="text/javascript" src="/jquery.min.js"></script> 

staticメソッドで定義したパスは、静的ファイルのルートになります。

+0

最初のjsファイル、つまりjquery.jsが無限に何度もロードされていることがわかります。 – Kshri

関連する問題