web-dev-qa-db-ja.com

manifest.jsonエラーの欠落を取り除くことはできません

私はASP.NET Core Visual Studio 2017のReactJsフロントエンドのアプリ。

最近、行方不明に気づき始めましたmanifest.jsonコンソールのエラー-以下を参照してください。アプリに影響はないようですが、このエラーを取り除きたいです。 enter image description here

Edgeでアプリを表示しても、欠落しているmanifest.jsonエラーなので、このエラーはChromeのみに含まれているようです。

アプリをAzureに発行しましたが、Chromeで同じエラーが発生しますが、Edgeでは発生しません。

どのように私はそれを解決することができますか？

reactjsvisual-studiogoogle-chromeasp.net-coremanifest.json
7
Sam

ほとんどの場合、プロジェクトのどこかにmanifest.jsonへの参照がありますが、ファイル/リソース自体は存在しません。

次のようなrel=manifestを持つlinkタグがあるかどうかを確認します

<link rel="manifest" href="/manifest.webmanifest">

.webmanifest拡張子は、仕様のMedia type registrationセクションで指定されていますが、ブラウザは通常、.jsonなどの他の適切な拡張子を持つマニフェストをサポートしています。

すなわち

<link rel="manifest" href="/manifest.json">

コードから削除してエラーを停止します。

参照 Webアプリマニフェスト

5
Nkosi

Manifest.jsonファイルは、本来あるべき場所にある可能性があります。解決策は、.jsonファイルの静的コンテンツセクションの下のweb.configファイルにエントリを追加することです。

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".json" mimeType="application/json" />
  </staticContent>
</system.webServer>
</configuration>

Web.configファイルを追加または編集する必要がある場合は、 Kuduデバッグコンソール を使用して行うことができます。 （リンク内のアプリをアプリに置き換えてください）

アプリの開発ツールの下のポータルからデバッグコンソールを起動することもできます。 enter image description here

Manifest.jsonファイルが実際に見つからない場合は、 Googleのmanifest.jsonファイルを追加するための指示 に従って修正できます。

Webアプリのマニフェストは、Chrome）を有効にしてホーム画面に追加するWebアプリのプロンプトを表示するために必要です。

3
Jon Crowell

反応して、manifest.jsonがパブリックフォルダーにあり、このファイルへのリンクがindex.htmlにあることがあります。

manifest.jsonは、Webアプリがユーザーのモバイルデバイスまたはデスクトップにインストールされるときに使用されるメタデータを提供します。 https://developers.google.com/web/fundamentals/web-app-manifest/ を参照してください

<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

0
jqIndy

crossorigin="use-credentials"を追加するだけで、次のようになります：<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">

0
Nikolay Bronskiy