2017-01-24 20 views
4

私はTypscript 2を初めて使いました。私がやっていることは、typescriptでjQueryを使うことです。これは '種類/ jqueryの2.0.39 @' パッケージをインストールしTypescriptでjQueryを使用する2

npm install --save-dev @types/jquery 

this質問では私はあなたが二つのものが必要であることを読みました。

"devDependencies": { 
    "@types/jquery": "^2.0.39", 
    "typescript": "^2.0.2", 
    "typings": "^1.0.4" 
    } 

その後、活字体ファイルに私はこれに置く:

import $ from "jquery"; 

をしかし、私はjqueryの '「モジュールを見つけることができません' typescriptですエラーが発生しました。私は間違って何をしていますか?

import $ = require("jquery"); 

完全なtypescriptファイルと同じエラー:

import { Component } from '@angular/core'; 
import $ from "jquery"; 

@Component({ 
    selector: 'my-app', 
    template: `<div id="test"></div>`, 
}) 
export class AppComponent { 
    constructor() { 
     $('#test').html('This is a test'); 
    } 
} 
+0

これと一緒に 'npm install jquery --save'をしましたか? –

+0

はい、あります。現在、index.d.tsファイルにエラーがあります。例えば、 行:attr(attributeName:string、value:string | number | null):JQuery; Error1:パラメータ初期化子は、関数またはコンストラクタ実装でのみ使用できます。 Error2:タイプが必要です。 – user2073333

答えて

4

jqueryの入力だけをインストールします。あなたも、jQueryの自体が必要になります。

npm install jquery --save 

をさらに、あなたは2 @ typescriptですを使用するので、あなたはもうtypingsパッケージは必要ありません。これは、今、あなたのケース@types/jqueryには、$types/{your-package}で入手可能な、NPMと@typesパッケージを介して処理されます。

npm install @types/jquery --save 
1

私はどうなるのかは、基本的なnpmは、プロジェクトディレクトリの最初のjQueryのためにインストールしています。その後、

npm install jquery

を介してそれを使用する:常に動作します

import $ = require('jquery');

+0

これはタイプスクリプトとタイピングを考慮していますか? – k0pernikus

+0

Typescriptプロジェクトでは機能しますが、最初は入力を無視します。入力が必要な場合は、提供されたレポを使用してインストールできます。 – nashcheez

+1

私はこれをしましたが、モジュールはまだ利用できません(モジュールjqueryが見つかりません) – user2073333

0

今、私は、例えば、index.d.tsファイルにエラーがあります:ライン: ATTR( attributeName:文字列、値:文字列| number | null):JQuery; Error1:パラメータ初期化子は、ファンクションまたは コンストラクタの実装でのみ使用できます。誤差2:私はあなたのコメントにお答えすることは許されないのですようなタイプは、

なく、あなたの元の質問にはなく、フォローアップへの答え

を期待: 私は私が問題のある行を削除回避策として、同じエラーが発生しましたjQueryのindex.d.tsから取得し、typescriptでjQueryを使用することができました。私はまだこれが望ましくない副作用を持っているかどうかわからないので、これをあなた自身の責任で使用してください。

+0

を入力していただき、ありがとうございます。 – user2073333

2

私はVisual Studioのアップデート(Tools - > Extensions and Updates) "Typescript 2.0.6 for Visual Studio 2015"をインストールしました。

  • Microsoft.TypeScript.Compiler
  • Microsoft.Typescript:

    また、私は次のNuGetパッケージをインストールしました。MSBuildの

は、それから私は、NPM経由でjQueryとjQueryのタイピングをインストール:

npm install jquery @types/jquery --save 

そして最後に、tsconfig.json:に:

"compilerOptions": { 
    ... other compiler options ... 
    "typeRoots": [ "node_modules/@types/" ], 
    "types": ["jquery" ] 
    }, 

は今、私はプロジェクトをビルドして$できるjQueryの内部として認識されていますTypeScript。

関連する問題