GoogleマップAPIのエラーは、「フォントをロードすることを拒否し、」

Question

私は私のangular2/Ionic2アプリは、Googleマップを使用していますが、私は次のエラーを取得する：

js?libraries=geometry,drawing,places:79 Refused to load the font ' https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2 ' because it violates the following Content Security Policy directive: "font-src 'self' data:".

を何このエラーで、どのように私はそれを修正することができますか？

マイindex.htmlがあります：metaタグを削除

<meta http-equiv="Content-Security-Policy" content="font-src 'self' data:; img-src * data:; default-src * 'unsafe-eval' 'unsafe-inline'"> 

<script src="https://maps.googleapis.com/maps/api/js?libraries=geometry,drawing,places"></script> 

は、問題を解決し、私はそれが何をするか確認してください、私はそれを削除する必要があるかどうかではないと思います。

Answer 1

これは、インラインJavaScript、インラインスタイルタグではありません。あなたはそれらを持っている（おそらくない）か、それらを追加している何か（おそらくjqueryプラグイン）を使用しています。このblogから、https://github.com/rwjblue/ember-cli-content-security-policy#optionsの設定をconfig/environment.jsに追加して有効にしました。

デフォルトcontentSecurityPolicy値は次のとおりです。

contentSecurityPolicy: { 
    'default-src': ["'none'"], 
    'script-src': ["'self'"], 
    'font-src': ["'self'"], 
    'connect-src': ["'self'"], 
    'img-src':  ["'self'"], 
    'style-src': ["'self'"], 
    'media-src': ["'self'"] 
    } 

チェックこれらの関連リンク：Violating Content Security Policy directive after ember-cli 0.0.47 upgradeと"[Report Only] Refused to load the font..." error message on console