Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6287

Error app.default.object is not a function

$
0
0

I am new to react-native and I'm trying to help on a project. I started by refactoring the code to have a better file structure. I implemented the barrels and added the path aliases (module resolver).Everything works fine in vscode but when I run on android, it gives me this error:

TypeError:_app.default.objects is not a function. {...} _app.default.objects is undefined.

Here is my tsconfig:

"baseUrl": ".","paths": {"@assets/*": ["./app/assets/*"],"@components/*": ["./app/components/*"],"@components": ["./app/components"],"@containers/*": ["./app/containers/*"],"@db": ["./app/db"],"@db/*": ["./app/db/*"],"@languages/*": ["./app/languages/*"],"@navigation/*": ["./app/navigation/*"],"@styles/*": ["./app/styles/*"],"@services": ["./app/services"],"@services/*": ["./app/services/*"],"@utils": ["./app/utils"],"@utils/*": ["./app/utils/*"],    }

And my babel-config:

  plugins: [    ['module-resolver',      {        root: ['./app'],        extensions: ['.ios.js', '.android.js', '.js', '.json', '.ts', '.tsx'],        alias: {'@languages': './app/languages','@db': './app/db','@styles': './app/styles','@services': './app/services','@utils': './app/utils','@assets': './app/assets','@navigation': './app/navigation','@components': './app/components','@containers': './app/containers',        },      },    ],  ]

It raises the error each time I use the db:Here is my import:

import { Song } from '@db'import { GlobalSettings } from "@db/GlobalSettings";

also if I use something like that:

const [songs, setSongs] = useState(Song.getAll())

but it's the same with everything else from the db directory.

Thanks!


Viewing all articles
Browse latest Browse all 6287

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>