2016-05-11 8 views
2

が定義されていないが必要です。エクスポートと私はUIにいくつかのjQueryのデータを追加したクラスを作成しました

/// <reference path="../typings/jquery/jquery.d.ts" /> 
/// <reference path="../typings/custom.d.ts" /> 
export class Semaphore { 
info: any[]; 

constructor(info: any[]) { 
    this.info = info; 
} 

AddJqueryData() { 
    var self = this; 

    for (let bigKey in this.info) { 
     let object = this.info[bigKey]; 
     for (let smallKey in object) { 
      $(`#etape_3CosmeticAppraisal table td.${smallKey}.row_M${bigKey}`).tooltip({ 
       content() { 
        return object[smallKey].txt + '<img src="' + object[smallKey].img + '" class="cimage">'; 
       }, 
       show: { delay: 600 } 
      }); 
     } 
    }   
} 

}

今は、私は別のファイルから、このクラスをインポートしたいと思いますし、それにで動作するように、特定の配列を与える:私のビューページで

import { Semaphore } from "./SemaphoreLogic"; 

let cosmeticData = []; 

$(document).ready(() => { 
    let x = new Semaphore(cosmeticData); 
    x.AddJqueryData(); 
}); 

を、私はimport文を持っているのjsファイルへrefereceを与えます。 (私はまた、基本的な機能を持っているがまだ運がないjsファイルを追加しようとしました)。

エラーは次のとおりです。requireが定義されていないか、エクスポートが定義されていません。その理由はわかりません。私はウェブをたくさん検索しました。私は助けてくれるものは見つけられませんでした。 D:

は、事前に

P.S:あなたは私のものよりも優れたアプローチを考えることができますを与える場合は、私の目を開けて自由に感じる、ありがとうございました。あなたのtranspilerはCommonJSスタイルrequire/export文にあなたのimport/export文を回しているように(私は活字体にpreety新たなんだ)

答えて

2

が鳴ります。もちろん、ブラウザではうまくいかないでしょう(あなたがそうでないように聞こえる、Browserifyのようなものを使用していない限り)。これを動作させるには、BrowserifyやWebpackのようなツールを使う必要があります。

関連する問題