2016-12-15 17 views
7

Tôi đang thiết lập loại bản ghi trong Visual Studio 2015. Tôi sẽ sử dụng jquery với tệp TS. Khi tôi sử dụng jquery, VS sẽ gạch chân '$' và nói không thể tìm thấy tên, và sẽ không xây dựng thành công. Cách duy nhất nó sẽ xây dựng là nếu tôi thêm tham chiếu đến jquery typings trong mỗi tập tin TS. /// <reference path="typings/index.d.ts" /> Có cách nào để sử dụng tham chiếu này trên toàn cầu thay vì thêm nó vào mọi tệp không?

Trong Visual Studio Code Tôi không có vấn đề này.

thư mục My trông như thế này -Scripts --ts --- typings --- main.ts tsconfig.json --js

tập tin tasks.json My trong thư mục gốc

{ 
    "version": "0.1.0", 

    // The command is tsc. Assumes that tsc has been installed using npm install -g typescript 
    "command": "tsc", 

    // The command is a shell script 
    "isShellCommand": true, 

    // Show the output window only if unrecognized errors occur. 
    "showOutput": "silent", 

    // Tell the tsc compiler to use the tsconfig.json from the open folder. 
    "args": ["-p", "../Scripts/Weblink/ts"], 

    // use the standard tsc problem matcher to find compile problems 
    // in the output. 
    "problemMatcher": "$tsc" 
} 

taskconfig.json trong Scripts/ts

{ 
"compileOnSave": true, 
"compilerOptions": { 
    "noImplicitAny": false, 
    "noEmitOnError": true, 
    "removeComments": false, 
    "sourceMap": true, 
    "target": "es5", 
    "outDir": "../lib/" 
}, 
"exclude": [ 
    "typings/*" 
] 
} 
+0

phiên bản nguyên cảo bạn đang sử dụng? – lenny

+0

Phiên bản mới nhất 2.1.4 – stanggt3

+0

Được cài đặt với tệp VS từ bản ghi, chứ không phải Node – stanggt3

Trả lời

14

Trong nguyên cảo 2.x bạn nên cài đặt typings như thế này:

npm install --save @types/jquery

Và sau đó:

import * as $ from "jquery";

Không cần phải tham khảo nó, nguyên cảo sẽ xử lý nó tự động.

More info

+0

Và bất kỳ plugin nào cũng nên được thêm vào một kiểu gõ (https://medium.com/@NetanelBasal/typescript-integrate-jquery-plugin-in -your-project-e28c6887d8dc) của bạn, do đó trình biên dịch kết hợp các chữ ký này trong giao diện gõ jquery đã biết. –

0

thêm vào tsconfig.json của bạn:

"moduleResolution": "node", 
"lib": [ "es2015", "es2017", "dom" ] 
Các vấn đề liên quan