Require.js - クロスオリジンエラーを発生する！テキストはブラウザに直接ロードされたときに定義される

Question

ホストされていない単一のページアプリケーションを開こうとすると、つまりファイルを介してブラウザに直接index.htmlを開く→開く。 ！の私は、このように私のテキスト「テンプレート」ファイルにクロスオリジンのエラーを取得：「！テキスト」

file:///Users/thegreyspot/' . clipped . '/videoIframeTemplate.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. 

これは私が指定してロードされたファイルに適用されます。たとえば、「videoThumpTemplate.html」は次のとおりです。

define([ 
    'jquery', 
    'underscore', 
    'backbone', 
    'templates/videoThumbTemplate.html' 
],function($,_,Backbone, videoThumbTemplate){ 
... 

ローカルサーバーからサービスを提供する必要がありますか？それともこれは修正できますか？

Answer 1

これは知られているchrome bugです。ローカルのAjaxコンテンツをクロールロードする唯一の方法は、--allow-file-access-from-filesフラグを使用してファイルを開くことです。変更を追跡し、それを修正するようGoogleに動機付けるために、クロムの問題に気を付ける。

あなたのプラグインをローカルで動作させる方法は、inlineTextをtrueに設定してオプティマイザを実行するか、http：//を介してページをロードすることです。 - gistには、サーバを起動するための2つのオプションがあります。

私はこの問題を解決するために何もできないので、この問題は解決します。 - issues#190

あなたは、ローカルサーバからのサービス提供の方がよいでしょう。..それはnodejsサーバーのセットアップには非常に簡単です...またはちょうど住まいのブラケットを使用し、それがノードサーバを経由してのものを提供していますライブプレビュー機能を備えています。