es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Utiliza imports absolutos en un proyecto de React Native sin TypeScript.

29 Jul, 2023 Programación

¿Cómo puedo configurar importaciones absolutas en un proyecto de React Native que no está utilizando TypeScript? He visto muchos tutoriales pero todos hablan sobre el archivo tsconfig.json, los otros no funcionan, esto es lo que intenté en babel.config.js:


module.exports = function (api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: [
      [
        'module-resolver',
        {
          alias: {
            'src': './src',
          },
        },
      ],
    ],
  };
};
Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para establecer importaciones absolutas en un proyecto React Native que no está utilizando TypeScript, puedes modificar el archivo babel.config.js. Sigue estos pasos:

    1. Abre tu proyecto y localiza el archivo babel.config.js. Este archivo contiene la configuración de Babel para tu proyecto.

    2. Agrega el siguiente código al arreglo plugins en el objeto module.exports:

      [
 'module-resolver',
 {
   alias: {
     'src': './src',
   },
 },
],

      Este código establece un alias para el directorio ‘src’, lo que te permitirá importar archivos utilizando una ruta absoluta (por ejemplo, import MyComponent from 'src/components/MyComponent').

    3. Guarda el archivo babel.config.js.

    Con estos cambios, deberías poder usar importaciones absolutas en tu proyecto React Native.

Comments are closed.