reactjs - Cómo obtener un informe de cobertura con Typescript + Babel

Estoy creando una aplicación Typescript + Babel + React y tratando de configurar el entorno de pruebas. Hasta ahora uso Jest, pero no parece generar un informe de cobertura correcto para la cadena Typescript + Babel. ¿Hay alguna manera de obtener un informe de cobertura correcto para Typescript + Babel con Jest? ¿O debería usar Mocha, nyc, etc.?

Leer más →

typescript - babel-loader y babel-preset-es2015 no se ejecutan en webpack2 (encadenados con ts-loader)

He estado teniendo problemas para hacer que webpack2 ejecute babel-loader. Básicamente, con mi configuración actual babel no hace nada y el resultado se pasa a uglify, lo cual falla debido a que quedan características de es2015 en mi código.

Si miro el archivo de salida, babel no ha hecho nada, así que intento ejecutarlo a través de la CLI babel --preset es2015 catseye.bundle.js > catseye2.bundle.js esto funciona bien; el segundo archivo contiene código convertido por ba

Leer más →

typescript - Webpack Babel genera JavaScript incorrecto

Estoy recibiendo banners no está definido del siguiente código.

export const selectInfoBanners = createSelector( selectInfo, info => { const banners = [...info.banners]; while (banners.length < 2) { banners.push({ url: "" }); } return banners; } );

Pero el código generado es

var selectInfoBanners = Object(reselect__WEBPACK_IMPORTED_MODULE_0__["createSelector"])(selectInfo, function(a) { for (var b =

Leer más →

reactjs - Cómo obtener la prueba de create-react-app en un monorepo basado en TypeScript (babel)

He tomado el ejemplo en https://github.com/serhii-havrylenko/monorepo-babel-ts-lerna-starter, (monorepo basado en lerna, yarn workspaces, typescript y transpileación con babel) y he añadido una aplicación basada en create-react-app al proyecto.

Después de algunos ajustes, he logrado que yarn build y yarn start funcionen correctamente en el proyecto de UI, cargando (con éxito) los módulos definidos en los otros paquetes. El cambio más significativo fue cambiar d

Leer más →

mocha.js - ¿Cómo ejecutar mocha 6 con babel 7 y TypeScript 3.7?

¿Cómo puedo ejecutar mis pruebas de mocha con Babel y TypeScript?

El comando que estoy intentando es:

node_modules/.bin/mocha --require @babel/register "src/**/*.spec.ts"

El error que estoy recibiendo es:

.../src/Sql.spec.ts:1 import 'mocha'; ^^^^^^^ SyntaxError: Unexpected string

Mi .babelrc se ve así:

{ "presets": [ ["@babel/preset-env",{"targets": {"node": "10.7"}}], ["

Leer más →

javascript - ¿Por qué mi babel-polyfill analiza el archivo ts en el directorio node_modules?

Ejecuté un npm run dev, y la consola imprime las siguientes advertencias, aquí está mi configuración base de webpack, usé 'babel-polyfill' en mi entry, y excluyo el directorio node_modules en mi configuración de babel-loader:

module.exports = { entry: { index: ['babel-polyfill', entry] }, output: { path: dist }, resolve: { extensions: ['.web.js', '.js', '.jsx', '.less', '.scss', '.css', '.json', '.png', '.jpg'

Leer más →

node.js - No se puede usar la sintaxis import con Typescript + babel + node SyntaxError: No se puede usar la declaración import fuera de un módulo

Estoy tratando de usar la sintaxis import en mi proyecto que intenta usar graphql + node + babel + express + typescript. Por ejemplo, cuando intento usar el paquete apollo-client-express aparece ese error. Sé que TypeScript tiene su propia sintaxis de importación como *. Lo real es que no puedo abordar el problema, ¿esto se debe a las configuraciones de babel o TypeScript o a otra cosa? aquí está mi

tsconfig.json:

{ "compi

Leer más →

reactjs - Página en blanco en IE11 con React, Typescript, Babel y Webpack

Tengo una aplicación de React escrita en Typescript con Babel y Webpack. Se carga bien en Firefox y Chrome, pero muestra una página en blanco en Internet Explorer 11. Soy nuevo en este proyecto y tengo experiencia relativamente baja con React/Babel/WebPack/Typescript. Necesito hacer que la aplicación funcione en IE11. He pasado un par de días aprendiendo sobre lo que estoy manejando y probando diferentes enfoques que he encontrado en la web, pero aún no he encontrado una solución. Basándome e

Leer más →

npm - Token inesperado al ejecutar babel con Typescript

Estoy escribiendo un tutorial sobre cómo publicar una biblioteca de Typescript en Github y estoy teniendo problemas para hacer que babel y typescript funcionen juntos. Estoy usando la clase Greeter de la documentación de Typescript, pero estoy recibiendo el siguiente error al ejecutar babel.

SyntaxError: src/Greeter.ts: Unexpected token (3:10) 1 | // From the TypeScript docs: https://www.typescriptlang.org/docs/handbook/classes.html 2 | class Greeter { > 3 | greeting: s

Leer más →

Babel no compila al usar el plugin de TypeScript de Rollup con Babel

No puedo hacer que @rollup/plugin-typescript funcione con @rollup/plugin-babel, y el JS generado a partir del código TS no es traducido por Babel

Busqué soluciones a problemas relacionados, pero no parecían funcionar (babel 7 no transpila cuando se usa en rollup con

Leer más →