2016-08-02 12 views
1

私は、ヘロクに私の平均スタックアプリをデプロイしようとしています。私は過去にいくつかのアプリを展開していましたが、その1つは平均スタックアプリでした。違いは、私はこのアプリでwebpackを使用していないことです。ヘロウクのアプリがベアのコンポーネントを見つけられない

私の問題は、私は私のアプリをロードするとき、私はこのようなものを言ってクロムコンソールでエラーの束を得ることである:ここでは

GET https://xxxxxxx-66928.herokuapp.com/bower_components/angular/angular.js 
GET https://fierce-escarpment-66928.herokuapp.com/bower_components/bootstrap/dist/css/bootstrap-theme.min.css 

は、私が引き起こしていると信じている私のindex.htmlファイルの一部です。エラー:

"scripts": { 
    "postinstall": "bower install" 
    } 

すべてのヘルプ:

<html ng-app="app"> 
<head> 
    <meta charset="utf-8"> 
    <title>XXX</title> 
    <meta name="description" content="Car database"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!-- CSS --> 
    <link rel="stylesheet" href="./style/style.css"/> 
    <link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.min.css"/> 
    <link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap-theme.min.css"/> 

    <!-- JS libraries --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <script src="./bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
    <script src="./bower_components/angular/angular.js"></script> 
    <script src="./bower_components/angular-route/angular-route.js"></script> 
    <script src="./bower_components/filepicker-js/filepicker.js"></script> 
    <script src="./bower_components/angular-filepicker/dist/angular_filepicker.js"></script> 

    <!-- Angular files --> 
    <script src="./app.js"></script> 

    <script src="./controllers/addCarController.js"></script> 
    <script src="./controllers/galleryController.js"></script> 
    <script src="./controllers/detailController.js"></script> 
    <script src="./controllers/userController.js"></script> 
    <script src="./services/auth_service.js"></script> 
    <script src="./services/error_service.js"></script> 
    <script src="./services/car_service.js"></script> 

</head> 

私はpackage.jsonファイルにこれを追加しましたこれらのエラーを解決するにはすごく感謝します!

答えて

1

はにpackage.jsonファイルにpostinstallを変更してみてください:

"scripts": { 
    "postinstall": "./node_modules/bower/bin/bower install" 
} 
+0

私のために働く!ありがとう。 –

1

わかりましたので、私は(Herokuのサポートの助けを借りて)間違っていたものを考え出しました。 Heroku上にコンポーネントがインストールされたら、アプリケーションフォルダの代わりに自分のアプリケーションのルートディレクトリにインストールしていました。私は.bowerrcファイルを作成する必要がありましたし、私はそれが次のようにインストールしたいディレクトリパスを設定します。

{ 
    "directory" : "app/bower_components" 
} 

私はファイル構造を見ることができたheroku run bashコマンドを使用すると、それがために必要な場所bower_componentsではなかったことがわかり私のアプリで。

関連する問題