RequireJSテキストプラグインの使用

Question

私はカルマを使っていくつかのコードに対してテストを実行しています。

カルマによって実行される前に、テストとコードの両方がトランスバースされます（ES6 => ES5、バベルを使用）。

これはうまく動作し、テストは正常に動作します。

しかし、私は試してみて、テストされているファイルのいずれかからtext!プラグインを使用している場合...

import template from 'text!./template.html'; 

は...私が取得：なぜこの

There is no timestamp for /base/src/text.js! 
Uncaught Error: Script error for "text", needed by: text!app/template.html_unnormalized2 
http://requirejs.org/docs/errors.html#scripterror 
Uncaught Error: Load timeout for modules: text!app/template.html_unnormalized2 

誰がどんな考えを持っていますかもしれない？

distフォルダ（テスト対象すなわち項目）で構築されたアーティファクトが正常にエンコードされたテキストRequireJS項目などが含まれます。

define('text!app/template.html',[],function() { return '<div>foo</div>';}); 

---

追加情報

テストの主を。 js

var TEST_REGEXP = /(spec|test)\.js$/i; 
var allTestFiles = []; 
Object.keys(window.__karma__.files).forEach(function(file) { 
    if (TEST_REGEXP.test(file)) { 
    var normalizedTestModule = file.replace(/^\/base\/|\.js$/g, ''); 
    allTestFiles.push(normalizedTestModule); 
    } 
}); 

require.config({ 
    baseUrl: '/base/src', 
    paths: {},  
    shim: {}, 
    deps: allTestFiles, 
    callback: window.__karma__.start 
}); 

karma.conf.js

module.exports = function(config) { 
    'use strict';  
    var path = require('path');  
    var cdn = 'http://localhost:55635/modules/'; 
    var basePath = path.dirname(__filename); 

    config.set({ 
     basePath: '../../..', 
     frameworks: [ 
      'requirejs', 
      'jasmine' 
     ], 
     files: [ 
      { 
       pattern: path.join(basePath, 'test-transpiled', '*-spec.js'), 
       included: false 
      }, 
      path.join(basePath, 'dist', 'artifacts', 'app.js'), 
      path.join(basePath, 'test', 'unit', 'test-main.js') 
     ], 
     proxies: { 
      '/cdn/': cdn 
     }, 
     exclude: [], 
     preprocessors: {}, 
     reporters: ['dots'], 
     colors: true, 
     autoWatch: false, 
     singleRun: false, 
     browsers: ['Chrome'], 
    }); 
}; 

編集：

私はkarma.conf.jsに以下を追加しました：

files: [ 
    { 
    pattern: path.join(basePath, 'node_modules/require-plugins/text/text.js'), 
    included: false 
    }, 
    // ... 
], 

私はエラーを取得し続けますテストを実行するとき：

There is no timestamp for /base/src/text.js! 

おそらく、私はtest-main.jsのパスセクションに "text"を追加する必要があるからでしょうか？

require.config({ 
    baseUrl: '/base/src', 
    paths: { 
    'text': '../node_modules/require-plugins/text/text' 
    }, 
    // ... 
}); 

しかし、私は様々なbaseUrlの組み合わせとtextパスにパスを試してみましたが、私はそれは404-INGを停止することができません。

Answer 1

filesのオプションがkarma.conf.jsの場合、textプラグインが含まれていないため、タイムスタンプがないというエラーが表示されます。

ファイルシステムにtextプラグインに該当するアイテムをfilesのリストに追加して、included: falseがあることを確認してください。 RequireJSプラグインは他のモジュールと似ています：RequireJSはそれらを使用するためにそれらを読み込むことができなければなりません。

には、プラグインの配置場所に応じてpathsを設定する必要があります。 RequireJSはすでに/base/src/text.jsでそれを探しています。プラグインがこのURLで提供されるようにプラグインを見つけると、pathsを設定する必要はありません。他の場所に置いた場合、pathsを設定する必要があります。ような何か：

paths: { 
    text: 'path/to/text', 
} 

はpathsのパスがあなたのbaseUrl設定に関連して解釈されることに注意してください。

Answer 2

私はrequire.jsテキストを使ってみました！プラグインを作成し、それがプロジェクトの残りの部分で定義されたbaseUrlと衝突することも発見しました。

requirejs.configはbaseUrlをJSファイルの親ディレクトリに設定し、テンプレートはjsの兄弟ディレクトリに定義します。 requirejsがbase/jsから/ base/templatesとjsからテンプレートをロードするように指示する方法はありませんでした。

私の解決策は、text.jsプラグインを変更し、HTMLファイルを取得するためにajax呼び出しが行われる直前にURLを変更するためのフックを追加することでした。 Text.jsの私のバージョンをhereから取ることができます。