web-dev-qa-db-ja.com

Angular 6、ngビルド後にindex.htmlがコンソールでエラーを取得する

私は問題に直面しています。これを解決するのを手伝ってください。問題は、私が行うときにng build CLIでdistフォルダーに移動し、index.htmlファイルを実行して、コンソールがファイルパスのエラーを取得するようにします。

Failed to load resource: net::ERR_FILE_NOT_FOUND
polyfills.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
styles.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
scripts.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
vendor.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
main.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
/D:/favicon.ico:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
angularangular-cliconsole.logng-buildangular-builder
6
ZaIn KhAn

baseプロパティのデフォルトのhrefは、angular cliプロジェクトの/として定義されています。プロジェクトをビルドし、インデックスを直接開いてアクセスする場合。 HTMLファイル、HTMLがロードするすべての.jsは、'/' directoryからロードされます。

たとえば、ウィンドウを使用していて、ビルドがC:\users\xys\ng\dist\index.htmlにあり、HTMLに<script type="text/javascript" src="runtime.js"></script>がある場合、ブラウザーは.jsでC:\runtime.jsファイルを探します。

これを解決するには、すべてのファイルをドライブのルートにコピーするか（推奨されません）、ローカルサーバーを作成して、そのサーバーに静的ファイルを提供します（推奨される方法）。

1
Sachin Gupta