webpack không thể tải mô-đun jquery

Question

Tôi đang cố gắng nhập jquery trong bản ghi bằng cách sử dụng webpack. Đây là những gì tôi đã làm.

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

Trong tập tin, tôi đã viết này

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

Sau đó tạo các app.ts và viết như sau

import $ = require('jquery'); 

sau đó tôi npm install jquery --save để tải các thành phần jquery.

sau đó khi tôi thực hiện webpack, điều này cho phép tôi không thể tìm thấy thông báo 'jquery' mô-đun.

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'. 

Ai đó có thể cho tôi biết tôi đã làm gì sai?

Answer 1

Ai đó có thể cho tôi biết tôi đã làm gì sai?

Bạn cần định nghĩa jquery:

tsd install jquery --save

Ngoài ra, bạn cần phải có một tsconfig.json:

tsc -init sẽ tạo ra cho bạn. Nhưng tôi khuyên bạn nên:

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

Ngoài ra, bạn cần phải cài đặt nguyên cảo

npm install typescript -save