React Native Projede .mjs Dosyası (file) Ekleme (import)

React Native ile geliştirmekte olduğunuz uygulamanızda .mjs uzantılı dosya ya da dosyalar kullanmanız gerekebilir. Bu gibi durumlarda direkt olarak .mjs dosyasını kullanamazsınız. Hata verecektir. Bunun icin yapmanız gereken ufak bir kod bileseni bulunmaktadır.

metro.config.js dosyasınızı acın. Sizdeki dosya genellikle şu şekilde olacaktır.

module.exports = {
transformer: {
getTransformOptions: async () => ({
transform: {
experimentalImportSupport: false,
inlineRequires: false,
},
}),
},
};

Çözüm

Bu dosyası alttaki kod kısmı ile tümden değiştirdiğimizde .mjs uzantılı butun dosyaları projemize entegre (import) edebiliriz.

const { getDefaultConfig } = require('metro-config');
module.exports = {
transformer: {
getTransformOptions: async () => ({
transform: {
experimentalImportSupport: false,
inlineRequires: true,
},
}),
},
};

module.exports = (async () => {
const { resolver: { sourceExts } } = await getDefaultConfig();
return { resolver: { sourceExts: [...sourceExts, 'mjs'] } };
})();

Teşekkürler.