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'.
「サーバーを提供しない」とはどういう意味ですか?ディスクからブラウザに直接ロードしたいのですか? Chromeにはいくつかのセキュリティ上の制限があり、サーバーからではなくディスクからファイルを読み込むときにいくつかのことが防止されます。 Angularができることはあまりありません。 –
' 'がルートで使用されている場合、この[doc](https://angular.io/docs/ts/latest/guide/router.html#!#base-href)を読むことができます) –