javascript - funciones - Cómo usar Typescript con promesas ES6 nativas

promesas javascript

Question

Soy un principiante completo de Typescript y me pregunto si es posible usar las promesas de ES6 en Typescript y lo que tendría que hacer para que funcionen. Estoy ejecutando el nodo 0.11.14 y recibo un error durante la compilación "No se puede encontrar el nombre ''Promesa''"

Answer 1

Uso de ES6 Promises nativas con Typescript en Visual Studio 2015 + herramientas Node.js 1.2

No se requiere instalación npm ya que ES6 Promises es nativo.

Proyecto Node.js -> Propiedades -> pestaña de compilación de Typescript ECMAScript version = ECMAScript6

import http = require(''http'');
import fs = require(''fs'');
function findFolderAsync(directory : string): Promise<string> {
let p = new Promise<string>(function (resolve, reject) {
fs.stat(directory, function (err, stats) {
//Check if error defined and the error code is "not exists"
if (err && err.code === "ENOENT") {
reject("Directory does not exist");
}
else {
resolve("Directory exists");
}
});
});
return p;
}
findFolderAsync("myFolder").then(
function (msg : string) {
console.log("Promise resolved as " + msg);
},
function (msg : string) {
console.log("Promise rejected as " + msg);
}
);

Answer 2

Alternativa # 1

Utilice las opciones del compilador de target y lib para compilar directamente en es5 sin la necesidad de instalar el es6-shim . (Probado con TypeScript 2.1.4 ). En la sección lib, use es2016 o es2015.promise .

// tsconfig.json
{
"compilerOptions": {
"target": "es5",
"lib": [
"es2015.promise",
"dom"
]
},
"include": [
"src/**/*.ts"
],
"exclude": [
"node_modules"
]
}

Alternativa # 2

source es6-shim desde la organización de tipos .

npm install @types/es6-shim --save-dev

Alternativa # 3

Antes de TypeScript 2.0, use typings para instalar el es6-shim globalmente desde DefinitelyTyped .

npm install typings --global --save-dev
typings install dt~es6-shim --global --save-dev

La opción de typings usa npm para instalar typings globalmente y luego utiliza typings para instalar el shim. El prefijo dt~ significa descargar el shim de DefinitelyTyped. La opción --global significa que los tipos de shim estarán disponibles durante todo el proyecto.

Ver también

https://github.com/Microsoft/TypeScript/issues/7788 - No se puede encontrar el nombre ''Promesa'' y no se puede encontrar el nombre ''requerir''

Answer 3

A partir de TypeScript 2.0 puede incluir tipificaciones para promesas nativas al incluir lo siguiente en su tsconfig.json

"compilerOptions": {
"lib": ["es5", "es2015.promise"]
}

Esto incluirá las declaraciones prometedoras que se incluyen con TypeScript sin tener que establecer el destino en ES6.

Answer 4

A. Si usa "target": "es5" y la versión de TypeScript debajo de 2.0:

typings install es6-promise --save --global --source dt

B. Si usa "target": "es5" y TypeScript versión 2.0 o superior:

"compilerOptions": {
"lib": ["es5", "es2015.promise"]
}

C. Si usa "target": "es6" , no hay necesidad de hacer nada.

Answer 5

Esta es la manera más reciente de hacer esto, la respuesta anterior está desactualizada:

typings install --global es6-promise

Answer 6

La versión actual de lib.d.ts no tiene promesas definidas, por lo que necesita un archivo de definición adicional, por eso está obteniendo errores de compilación.

Podría, por ejemplo, usar (como dice @elclanrs) usar el paquete es6-promise con el archivo de definición de DefinitelyTyped: es6-promise definition

Puede usarlo así:

var p = new Promise<string>((resolve, reject) => {
resolve(''a string'');
});

editar Puede usarlo sin una definición cuando se dirige a ES6 (con el compilador de TypeScript): tenga en cuenta que todavía necesita que Promise exista en el tiempo de ejecución por supuesto (para que no funcione en navegadores antiguos :)) Agregue / edite lo siguiente a su tsconfig.json :

"compilerOptions": {
"target": "ES6"
}

editar 2 Cuando se publique TypeScript 2.0, las cosas cambiarán un poco (aunque las anteriores todavía funcionan) pero los archivos de definición se pueden instalar directamente con npm como se muestra a continuación:

npm install --save @types/es6-promise - source

edit3 Actualizando la respuesta con más información para usar los tipos.

Cree un archivo package.json con solo { } como contenido (si todavía no tiene un paquete.json. Llame a la npm install --save @types/es6-promise y tsc --init . El primer comando de instalación de npm cambie su package.json para incluir es6-promise como una dependencia. tsc --init creará un archivo tsconfig.json para usted.

Ahora puede usar la promesa en su archivo de texto mecanografiado var x: Promise<any>; . Ejecute tsc -p . para compilar tu proyecto No deberías tener errores.

Answer 7

Si usa node.js 0.12 o superior / mecanografiado 1.4 o superior, simplemente agregue opciones de compilación como:

tsc a.ts --target es6 --module commonjs

Más información: https://github.com/Microsoft/TypeScript/wiki/Compiler-Options

Si usa tsconfig.json , entonces tsconfig.json siguiente:

{
"compilerOptions": {
"module": "commonjs",
"target": "es6"
}
}

Más información: https://github.com/Microsoft/TypeScript/wiki/tsconfig.json

Answer 8

Tuve que degradar @types/core-js a 9.36 para que funcione con "target": "es5" establecido en mi tsconfig.

"@types/core-js": "0.9.36",