localhostのウェブサイト（angularjs bowerコンポーネント）を使用すると、特定のブラウザでのみ正常に動作し、他のコンピュータやブラウザでは正常に動作しません。

-2

これは私のindex.htmlファイルです。私はangularjs、bowerコンポーネントなどを使用しています。私は、ヘッダ、コンテンツ、フッターファイルを別のフォルダにテンプレートとして格納するために角度uiビューを使用しています。私が "index.html"を開こうとするとmozilla（長い間使用しています）は完全に（すべてのCSSとスクリプトが完全に読み込まれた状態で）開かれますが、他のブラウザでは空白の画面しか表示されません。私はネットワークの開発者のオプションをチェックしましたが、モジラにはエラーはありませんが、他のブラウザで304と404のエラーがたくさんあります。他のブラウザやキャッシュされたデータの問題では、localhostのウェブサイト（angularjs bowerコンポーネント）を使用すると、特定のブラウザでのみ正常に動作し、他のコンピュータやブラウザでは正常に動作しません。

 <!DOCTYPE html> 
<html lang="en" ng-app="medicalApp"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>temp_App</title> 
    <!-- links to various stylesheets--> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
    <link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="../bower_components/bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet"> 
    <link href="../bower_components/components-font-awesome/css/font-awesome.min.css" rel="stylesheet"> 
    <link href="../bower_components/ng-dialog/css/ngDialog.min.css" rel="stylesheet"> 
    <link href="../bower_components/ng-dialog/css/ngDialog-theme-plain.min.css" rel="stylesheet"> 
    <link href="../bower_components/ng-dialog/css/ngDialog-theme-default.min.css" rel="stylesheet"> 
    <link href="styles/bootstrap-social.css" rel="stylesheet"> 
    <link href="styles/mystyles.css" rel="stylesheet"> 
</head> 
<body> 
    <!-- I have used angular ui-view and store header, content, footer files as templates--> 
    <div ui-view="header"></div> 
    <div ui-view="content"></div> 
    <div ui-view="footer"></div> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    <script src="../bower_components/angular/angular.min.js"></script> 
    <script src="../bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> 
    <script src="../bower_components/angular-resource/angular-resource.min.js"></script> 
    <script src="../bower_components/ng-dialog/js/ngDialog.min.js"></script> 
    <script src="scripts/app.js"></script> 
    <script src="scripts/controllers.js"></script> 
    <script src="scripts/services.js"></script> 
</body> 
</html>

出典

2017-09-02 Harsh

私は誰もウィザードではないと思います。あなたのコードなどを表示してください。 –

早くコードを追加しないと非常に残念です。今すぐ確認してください – Harsh

あなたのページ/スクリプトを直接質問することはできません。通常、Angularjsアプリケーションの白い画面は、スクリプトエラー（通常は依存関係やテンプレートを読み込むことができない）を示しています。コンソールから回答が得られるはずです。 Firefoxはかなり寛大で、私はChromeを使うほうが好きです。失敗したブラウザでは、依存関係の読み込みのための角度エラーがあります。

スクリプトをロードする順番である可能性があります。それ以外の面では、私は問題となるものは何も見えません。

出典

2017-09-02 20:07:24

私の問題を調査していただきありがとうございます。ウェブサイトはFirefox上に完全にロードされています（複数のPCで試してみました）が、Chromeには読み込まれません。このエラーは、ブラウザの問題がいくつかあるngIncludeのような角度のあるディレクティブを含むことによるものですか？もし私が使用できる他のオプションと、このエラーを解決する方法は何ですか？ – Harsh

私は、白い画面がAngular依存性の失敗であることがよくあります。ロードできないディレクティブかもしれません。考慮すべきことは、1つのブラウザがインストールした可能性のあるスクリプトブロッカーなどです。依存関係のロード順、JQuery、サードパーティを確認してください。 Chromeには、Batarangのようないくつかの開発ツールがあります。 Chrome開発ツールのコンソールタブで、[Verbose]に設定されていることを確認します。ドキュメントの先頭に ""が必要です。実際にあなたの問題かもしれません。 –

ヘッダーに "がありません –

localhostのウェブサイト（angularjs bowerコンポーネント）を使用すると、特定のブラウザでのみ正常に動作し、他のコンピュータやブラウザでは正常に動作しません。

答えて

関連する問題