Сегодня я столкнулся с одной ошибкой, когда решил повторно использовать некоторые компоненты.
У меня есть несколько проектов React Native, и я хочу следовать принципу DRY, чтобы избежать дублирования кода. Я хочу импортировать компоненты в мои проекты, которые полностью основаны на библиотеке «native-base» и расположены вне проекта root. Однако я получаю сообщение об ошибке:
Снимок экрана с ошибкой
Структура проекта
Вложение:
- mobile / babel.config. js
- mobile / metro.config. js
// mobile/babel.config.js
const moduleResolverPluginConfig = [
'module-resolver', {
alias: {
'common': '../common'
}
}
]
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: [moduleResolverPluginConfig]
}
// mobile/metro.config.js
const path = require('path')
const commonLibRoot = path.resolve(__dirname, '../common')
const projectRoot = path.resolve()
module.exports = {
projectRoot,
watchFolders: [commonLibRoot],
resolver: {
extraNodeModules: {
'common': commonLibRoot
}
},
transformer: {
getTransformOptions: async () => ({
transform: {
experimentalImportSupport: false,
inlineRequires: false
}
})
}
}
Буду признателен за любую помощь!