2017-08-29 10 views
1

localhostから完璧に機能している角型アプリケーションがありますが、それはすべてのファイルを提供していません。私のindex.htmlとstyles.cssだけが見つけられ、提供されます。どちらも、私のルートにあるpublicという1つのフォルダにあります。 私のビルドファイルは/build/build.jsというパスにあり、それは提供されませんが、ローカルホスト上ではそれが実行されます。弾力のあるbeanstalkの静的ファイルを処理できません

私は現在サーバからファイルを提供していますが、staticfiles.configは完全に機能していないため、使用していません。

フォルダ構造:

root: 
/public : index.html ,styles.css 
/src: modularized angular and htmls for routes . 
/build: build.js 

const express = require('express'); 
 
const path = require('path'); 
 
const fs = require('fs'); 
 
const bodyParser = require('body-parser'); 
 
const emailController = require('./controllers/emailController'); 
 

 
const app = express(); 
 
const port = process.env.PORT || 3000; 
 

 
app.use(bodyParser.json()); 
 
app.use(express.static(path.resolve(__dirname, '../public'))); 
 
app.use(express.static(path.resolve(__dirname, '../'))); 
 

 
app.post('/email', emailController); 
 

 
app.listen(port,() => { 
 
    console.log(`Server is listening on mfing ${port}`); 
 
});
<head> 
 
    <meta charset="UTF-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
 
    <meta name="description" content="Hydration Packs and Cooler Bags for Hiking, Outdoors, Work, Festivals, Biking and More"> 
 
    <link rel="stylesheet" type="text/css" href="./styles.css"> 
 
    <script src="/node_modules/angular/angular.js"></script> 
 
    <script src="/node_modules/angular-route/angular-route.js"></script> 
 
    <script src="/build/build.js"></script> 
 
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> 
 
    <title>Hydration Packs and Cooler bags | Absolute Zero</title> 
 
</head>

ここに私のサーバーと私のindex.htmlの頭があります。誰が何が間違っているか知っているおかげさまで

答えて

0

スクリプト検索をこれに置き換えます。 ./を使用する必要があります。

<script src="./node_modules/angular/angular.js"></script> 
    <script src="./node_modules/angular-route/angular-route.js"></script> 
    <script src="./build/build.js"></script> 
+0

は機能しませんでした。私のパブリックフォルダに私のビルドを入れ、./build.jsを使うと、角度のsrcに./を置くことなく正常に動作します。私も試してみました../build/build.js does not work。 – JiniHendrix

+1

これらのファイルを取得してパブリックフォルダに入れることはできますか?あまりにも長すぎない場合は、スクリプトタグの中にコピー貼り付けするだけですか?または拡張子 '.js'を持つウェブサイトにアップロードしてリンクを' src'属性に入れることができます。私があなたに示した3つの方法、ここに行く! =)@JiniHendrix – turmuka

+0

奇妙なことは、私の角のファイルが提供されているが、私のビルドファイルisnt – JiniHendrix

関連する問題