Como usar o jQuery com o TypeScript
$(function(){
alert('Hello');
});
Está a mostrar este erro no Visual Studio. Como posso usar jQuery com Dactilografia ?
4 answers
O mais provável é que precise de transferir e incluir o ficheiro de definição do tipo para o jQuery-jquery.d.ts
-no teu projecto.
Opção 1: Instalar o pacote @types (recomendado para TS 2.0+)
Na mesma pasta que o seu pacote .ficheiro json , execute o seguinte comando:
npm install --save-dev @types/jquery
Então o compilador irá resolver as definições para jquery automaticamente.
Opção 2: Transferir Manualmente
Telecarregá-lo Aqui.
Opção 3: Utilizar Os Tipos De Letra
Se estiver a utilizar Os caracteres então pode incluí-los desta forma:
// 1. Install typings
npm install typings -g
// 2. Download jquery.d.ts (run this command in the root dir of your project)
typings install dt~jquery --global --save
Depois de configurar o ficheiro de definição, importar a alcunha ($
) no ficheiro de tipo desejado para o usar como normalmente faria.
import $ from "jquery";
// or
import $ = require("jquery");
Quer dizer que é necessário compilar com --allowSyntheticDefaultImports
- add "allowSyntheticDefaultImports": true
em tsconfig.json .
Para código Visual Studio
O que funciona para mim é certificar-me de que faço o carregamento padrão da biblioteca JQuery através de uma marca no índice.galeria.
Corre
npm install --save @types/jquery
Agora as funções jquery $ estão disponíveis ao todo .ficheiros ts, sem necessidade de quaisquer outras importações.
Https://www.nuget.org/packages/jquery.TypeScript.DefinitelyTyped/
O comando na consola do Gestor de Pacotes Nuget é
Install-Package jquery.TypeScript.DefinitelyTyped
Atualização: como indicado no comentário Este pacote não foi atualizado desde 2016. Mas você ainda pode visitar sua página Github em https://github.com/DefinitelyTyped/DefinitelyTyped e baixar os tipos. Navegar na pasta para a sua biblioteca e, em seguida, transferir o ficheiro index.d.ts
para lá. Coloque-o em qualquer lugar do seu diretório de projeto e VS deve usá-lo imediatamente.
Tem de declarar jquery
/$
em seu componente, se tsLint Está ligado para estes tipos de Checkings de tipo.
Por Exemplo.
declare var jquery: any;
declare var $: any;
Isto funciona muito bem com outras bibliotecas de terceiros, se tiverem os seus caracteres instalados.