私は私の会社のsharepoint Webサイトで実行しようとしている角度2+フロントエンドアプリケーションを作成しました。しかし、プロジェクトを構築してディストリビューションフォルダーが作成されると、私はindex.htmlと.jsファイルを受け取り、共有ドライブに配置してアプリケーションを起動することはできません。助けが必要です。 Webサーバーなしでアプリケーションを起動するためのビルド後の可能性はありますか？基本的にはindex.htmlを起動し、それを動作させるだけですか？Angular 2+ Application ng build

私はそれがルーティングとは何かを持って知っていて、ベースのhref

2017-08-31 Rob DePietro

index.htmlのコンテンツを投稿できますか？ –

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Emulator</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 type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.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>

出典

2017-08-31 12:50:04

があなたのindex.htmlの代わりに、ベースHREFに変更しよう=「/」の名前を追加しますまだコンソールにリソースをロードするために失敗したばかり

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Emulator</title> 
    <base href="/<BaseFolder>/"> 

    <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 type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.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>

出典

2017-08-31 12:57:32

良い提案が、それでも無愛...：エンディングを「/」を忘れないでくださいindex.htmlをとフォルダ。

出典

2017-08-31 13:10:23

私の投稿を更新しました –

今回はこれが効いていますか？ –

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Emulator</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 type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.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>

私はアイデアを高く評価します。 .jsファイルが認識されていますが、コンソールに何もロードされずに別のエラーが表示されるように、ベースhrefを少し高く変更することができました。残念ながらルーティングと何か関係があるようです。

出典

2017-08-31 13:31:11

afaikは、使用しているブラウザのセキュリティ機能です。最初の答えで私が編集として投稿した私のソリューションを試してみてください。 http-server： 'npm install -g http-server'をインストールし、コンパイルされたページを実行します：' http-server dist -a 127.0.0.1' –

私は簡単な解決策はそうここ

EDITですが見つかりました：

あなたは簡単にローカルhttpサーバを実行できますNPMパッケージ"http-server"がありますが。ここではそれをインストールして使用する方法です。

はhttp://localhost:4201実行時に、あなたのdistフォルダにビルドを実行するには、HTTPサーバーのグローバル
```
npm install -g http-server 
```
をインストールします。
```
http-server dist -a 127.0.0.1 -p 4201 
```

また、XAMPPを使用することもできますが、それはあなたが必要とするものをはるかに超えています。あなたはNPMパッケージを使用したくない場合でも、私も同じ問題やcouldntのがあったかGitHubのページ

このGist

代替で説明したのWindowsやMacOSのオンボードツールを使用してWebサーバを実行する方法もありますstackoverflowを検索した後でさえ（正直に言うと...分）、それを解決してください。私はいくつかの解決策を見つけましたが、動かすことができませんでした。代わりにGitHub Pagesを使用していました（プライベートレポジトリを作成できるGitLab Pagesを使用することもできます）。

ビルド

GitHubの

にGitHubのページ

ng build --prod --base-href "https://USER_NAME.github.io/REPOSITORY/"

プッシュとしてのGitHubにビルドを押し
ためのベースHREFを使用してアプリケーションを構築しますgh_pagesブランチ。あなたはGitリポジトリと慣れていない場合は、非常に使いやすいGitHub Desktop app

セットGitHubのページ

がhttps://github.com/USER_NAME/REPOSITORY/settingsに持って、あなたは（私たちの場合gh_pagesに）あなたのページをアップロードブランチを設定する使用することができます GitHubのページ

のソースとして多くのより多くのあなたがTravis-CIを使用して行うことができますがあります。 Travis-CIは、リポジトリに更新をプッシュし、GitHub Pagesにプッシュするたびにプロジェクトをビルドできます。 GitLabには独自のContinuous Integrationがあります。

出典

2017-12-28 17:08:21

Angular 2+ Application ng build

答えて

EDITですが見つかりました：

関連する問題