Búsqueda de sitios web

node.js - Babel Loader no compila mi propio paquete NPM en una aplicación de React

Solo he estado aprendiendo Javascript/Typescript desde el comienzo del año, ya que decidí crear un grupo de microservicios que están todos conectados entre sí. Tengo mi propia API creada en nestJS y descubrí que cada vez que quería llamar a la API desde cada microservicio, estaba repitiendo el mismo código una y otra vez, así que lo moví todo a su propio paquete separado que puedo usar.

Cada otro proyecto que tengo que utiliza mi paquete npm no causa ningún error y funciona bien, sin em

Leer más →

node.js - ¿Cómo hacer que @babel/register transpile las importaciones ESM?

Estoy usando lo siguiente para transpilar archivos TypeScript en tiempo de ejecución.

import babelRegister from "@babel/register" babelRegister({ presets: [ "@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript", ], extensions: [".tsx"], cache: false, })

Todo funcionó bien hasta que intenté migrar la base de código de CommonJS a ESM.

Según Sindre Sorhus, uno tiene que ree

Leer más →

reactjs - TypeScript: tsc transpila jsx a un código más verboso que babel

Dado el siguiente fragmento de JSX:

<Typography variant={ "subtitle2" }> { props.text } </Typography>

El transpilador de TypeScript tsc genera

_jsx( Typography, Object.assign( { variant: "subtitle2" }, { children: props.text } ), void 0 )

mientras que babel produce

_jsx( Typography, { variant: "subtitle2",

Leer más →

node.js - errores de compilación de @babel/types al ejecutar el comando ng build en Angular 8.2.14

Estoy recibiendo los siguientes errores cuando ejecuto el comando 'ng build' para mi aplicación Angular.

ERROR in ../node_modules/@types/babel-types/index.d.ts:1769:96 - error TS1144: '{' or ';' expected. 1769 export function assertArrayExpression(node: object | null | undefined, opts?: object): asserts node is ArrayExpression; ~~~~ ../node_modules/@types/babel-types

Leer más →

typescript + eslint + babel problema en proyecto de expo: muchos errores de análisis

eslint me está dando mucho trabajo

> Parsing error: The keyword 'const' is reserved. :eslint > Parsing error: The keyword 'import' is reserved. :eslint

.eslintrc.js

const eslintConfig = require("@ourCompany/eslint-config"); module.export = { ...eslintConfig, root: true, env: { es6: true, node: true, jest: true, browser: true, commonjs: true, }, parser: "@babel/eslint-parse

Leer más →

javascript - ¿Cómo compilar código ES6 a ES5 usando babeljs?

Quería usar la biblioteca react-vis en mi proyecto ES5. La propia biblioteca está escrita en ES6. Por lo tanto, estaba obteniendo errores como este.

Estaba pensando en hacer la conversión de ES6 a ES5 de la biblioteca react-vis usando babel como se explica aquí. Así que cloné el repositorio de react-vis y ejecuté el siguiente comando:

~/workspaces/react-vis/packages/react-vis$ yarn add babel-cli babel-preset-env

Luego, se creó el archivo

Leer más →

typescript - ¿Se ignora babelrc si está presente tsconfig.json?

EDITAR: Después de experimentar, descubrí que cambiar la importación de:

a:

funciona. ¿Por qué tienes que ser explícito de esta manera al importar un archivo .ts en un archivo .js? Funciona al contrario. ¿Hay algún problema con babel?

Un alias en mi .babelrc

Leer más →

javascript - Transpilando un proyecto TypeScript con ts-loader o babel-loader que da el error de ESLint "escape inválido" para /\p{Diacritic}/

Tengo un proyecto de TypeScript configurado con objetivo ES6 y módulo ESNext (aunque preferiblemente me gustaría apuntar a ES5, esto está bien por ahora).

Estoy usando ts-loader (y probé con babel-loader) para transpilar esto a un módulo ESM. En ambos casos, la siguiente línea que utiliza la nueva sintaxis de "propiedades Unicode" \p está generando un error de ESLint.

Aquí está la línea transpilada:

d =

Leer más →

La compilación del módulo falló con @babel/plugin-transform-typescript

Quiero usar el web-nfc.d.ts pero ocurre un error. Archivo(https://github.com/w3c/web-nfc/blob/gh-pages/web-nfc.d.ts)

Error de compilación del módulo (desde ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js): SyntaxError: C:\Development\learntypescript\src\components\web-nfc.d.ts: Los campos 'declare' de TypeScript deben ser primero transformados por @babel/plugin-transform-typescript. Si ya has habilitado ese plugin (o '@babel/preset-typescript'), asegúrate

Leer más →

javascript - permitir allowSyntheticDefaultImports configuración de transpilación typescript babel?

En mi tsconfig.json me gustaría usar la opción compilerOptions.allowSyntheticDefaultImports=true. Según entiendo, permite import React from 'react', pero cuando intento esto obtengo un error como "React.createElement no está definido"

Por lo que he leído, configurar esto solo le dice a TypeScript que ignore los errores cuando debería, pero ¿cómo se soluciona el error de React.createElement?

Además de TypeScript, estoy usando Meteor, que utiliza Babe

Leer más →