角度：生産アプリを実行し、<strong>firebase</strong>内

私は生産に私のプロジェクトを展開するつもりだがFirebaseする展開：角度：生産アプリを実行し、<strong>firebase</strong>内

を私がやったこの：

1.実行：firebase login

2.実行：firebase init（私はプロジェクトを巻き上げ設定）

（ng build --prodはこのエラーを投げて失敗し実行しているのは：：

ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '/home/firas/Bureau/Miraldev-Angular-test/src' @ ./src/main.ts 4:0-74 @ multi ./src/main.ts

）

4.ランニングfirebaseする

3.ログイン

たdistの/ folder contai NSローカルに私のアプリを実行することになっているのindex.html：

のindex.html：

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>MiraldevAngularTest</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <app-root></app-root> <script src="https://www.gstatic.com/firebasejs/4.3.1/firebase.js"></script> <script> // Initialize Firebase var config = { apiKey: "AIzaSyC0m1wWVYokXRUrAQmFKwukdvAw3aowEnY", authDomain: "miraldev-test.firebaseapp.com", databaseURL: "https://miraldev-test.firebaseio.com", projectId: "miraldev-test", storageBucket: "miraldev-test.appspot.com", messagingSenderId: "821288466474" }; firebase.initializeApp(config); </script> <script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script><script type="text/javascript" src="scripts.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script><script type="text/javascript" src="vendor.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body> </html>

が、私はクロームの下でそれを実行したときには、それらのファイルがないことを示すエラーがスローされます。 inline.bundle.js、main.bundle.js、polyfills.bundle.js ...）これらはすべてdist/フォルダに存在しますが、表示されていないようです。

クロム下のindex.htmlのコンソールのスナップショット：

私の生産のアプリを実行するための任意のアイデアは？

出典

2017-09-18 firasKoubaa

をすることができますセットアップfirebaseホスティング使用firebase.jsonとfirebasercコンフィグへ試してみるディスクからではなくhttpサーバからのアプリケーションを作成しますか？index.htmlを開いたときにブラウザのパスは何ですか？私は 'inline.bundle.js'などと同じパスを期待します。 –

私はpackage.jsonでスクリプトを使用します。

"scripts": { 
    "deploy:test": "ng build --prod && firebase deploy --project test" 
    "deploy:prod": "ng build --prod && firebase deploy --project prod" 
}

それはfirebaseホスティングに（あなたと）アプリとアップロードを構築します。私は、プロダクション環境とステージング環境を持っています。

firebaserc：

{ 
    "projects": { 
    "prod": "myproject-prod", 
    "test": "myproject-test" 
    } 
}

firebase.json：database.rules.jsonで

{ 
    "database": { 
    "rules": "database.rules.json" 
    }, 
    "hosting": { 
    "public": "dist", 
    "rewrites": [ 
     { 
     "source": "**", 
     "destination": "/index.html" 
     } 
    ], 
    "headers": [ 
     { 
     ... various security headers 
     } 
    ], 
    "ignore": [ 
     "firebase.json", 
     "**/.*", 
     "**/node_modules/**" 
    ] 
    } 
}

私はデータベースのための私のセキュリティルールを持っている：

{ 
    "rules": { 
    ".read":true, 
    ".write":true 
    } 
}

出典

2017-09-18 13:03:12

角度：生産アプリを実行し、<strong>firebase</strong>内

答えて

関連する問題