2017-05-05 14 views
0

angular cliによって作成されたdistフォルダがあります。今、私はサーバーを提供せずにそのファイルを実行したい。サーバなしでAngular 4プロダクションコードを実行する方法

index.htmlを

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Demo</title> 
    <base href="./"> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<link href="styles.076e9918da4cedd3d6c1.bundle.css" rel="stylesheet"/></head> 
<body> 
    <app-root>Loading...</app-root> 
<script type="text/javascript" src="inline.44e099ae9c80ebe794de.bundle.js"></script><script type="text/javascript" src="polyfills.aa13f035adb29aecad16.bundle.js"></script><script type="text/javascript" src="vendor.5a179b7fcba087187492.bundle.js"></script><script type="text/javascript" src="main.1b6029e74c79858144e5.bundle.js"></script></body> 
</html> 

<base href ="/">の場合、私はJS取得していないと他の人がindex.htmlの中のファイルがバンドルされています。私は<base href ="./"><base href ="/">を変更する場合は 、その後、 エラー以下の取得:

ERROR Error: Uncaught (in promise): SecurityError: Failed to execute 'replaceState' on 'History': A history state object with URL 'file:///root/Downloads/Client%20demo%20project/dist/' cannot be created in a document with origin 'null' and URL 'file:///root/Downloads/Client%20demo%20project/dist/index.html'. 
Error: Failed to execute 'replaceState' on 'History': A history state object with URL 'file:///root/Downloads/Client%20demo%20project/dist/' cannot be created in a document with origin 'null' and URL 'file:///root/Downloads/Client%20demo%20project/dist/index.html'. 
+2

「サーバーを提供しない」とはどういう意味ですか?ディスクからブラウザに直接ロードしたいのですか? Chromeにはいくつかのセキュリティ上の制限があり、サーバーからではなくディスクからファイルを読み込むときにいくつかのことが防止されます。 Angularができることはあまりありません。 –

+0

''がルートで使用されている場合、この[doc](https://angular.io/docs/ts/latest/guide/router.html#!#base-href)を読むことができます) –

答えて

0

は、サーバーを使用するために必要ないくつかのドメインに、インターネット上でファイルを実行します。それは、Expressサーバー、ライトサーバー、または何かです。 角度4を統合する場合。

関連する問題