webpackがモジュールjqueryをロードできません

Question

webpackを使用してtypescriptでjqueryをインポートしようとしています。これは私がやったことです。ファイルで

npm init -y 
npm install -g webpack 
npm install ts-loader --save 
touch webpack.config.js 

は、私はこの

module.exports = { 
    entry: './app.ts', 
    output: { 
    filename: 'bundle.js' 
    }, 
    resolve: { 
    extensions: ['', '.webpack.js', '.web.js', '.ts', '.js'] 
    }, 
    module: { 
    loaders: [ 
     { test: /\.ts$/, loader: 'ts-loader' } 
    ] 
    } 
} 

はその後app.tsを作成し、次の

import $ = require('jquery'); 

が、私はnpm install jquery --save jqueryのコンポーネントをロードするために書き書きました。

私がwebpackを実行すると、モジュール 'jquery'メッセージが見つかりません。

ts-loader: Using typescript@1.6.2 
Hash: af60501e920b87c93349 
Version: webpack 1.12.2 
Time: 1044ms 
    Asset  Size Chunks    Chunk Names 
bundle.js 1.39 kB  0 [emitted] main 
    + 1 hidden modules 

ERROR in ./app.ts 
(1,20): error TS2307: Cannot find module 'jquery'. 

私が間違ったことを誰かに教えてもらえますか？

Answer 1

私が間違ったことを誰かに教えてもらえますか？あなたはjqueryの定義必要

：

tsd install jquery --save

をまた、あなたはtsconfig.jsonを持っている必要があります：

tsc -initはあなたのための1つを生成します。しかし、私はお勧め：

{ 
    "compilerOptions": { 
     "module": "commonjs", 
     "target": "es5" 
    }, 
    "exclude": [ 
     "node_modules" 
    ] 
} 

はまた、あなたはtypescriptですに

npm install typescript -save