getting resolution error with typescript
src/constants/Config.ts
export const Config = {
auth0: {
client_id: 'xxxx',
connection: 'xxxx',
url: 'https://xxxx.eu.auth0.com',
},
};
import {Config} from '@src/constants/Config';
using expo on react-native, getting faild to build script
Unable to resolve "@src/constants/Config" from "src/containers/layouts/auth/signUp2/signUp2.component.tsx"
Failed building JavaScript bundle.
tried building with tsc, the build is fine, but running expo start yeilds that error
tsconfig
{
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/tsc-out",
"allowSyntheticDefaultImports": true,
"esModuleInterop": true,
"moduleResolution": "node",
"skipLibCheck": true,
"sourceMap": true,
"resolveJsonModule": true,
"experimentalDecorators": true,
"jsx": "react-native",
"module": "es2015",
"target": "es2017",
"lib": [
"es2015",
"es2016"
],
"paths": {
"@src/*": ["./src/*"],
"@kitten/*": ["./node_modules/react-native-ui-kitten/*"]
},
"typeRoots": [
"./node_modules/@types"
]
},
"include": [
"./src/**/*"
],
"exclude": [
"./node_modules"
]
}
babel
const path = require('path');
const Config = require('./config');
// FIXME: Resolve `transform[stderr]: Could not resolve` command-line warnings.
// FIXME: Reproducible when starting with clearing cache (npm start -- -c)
//
// TODO: Framework path aliasing even not needed here. Replace?
// TODO: Replace nested package.json-s with aliases
const moduleResolverConfig = {
root: path.resolve('./'),
alias: {
'@kitten/theme': path.resolve(Config.KITTEN_PATH, 'theme'),
'@kitten/ui': path.resolve(Config.KITTEN_PATH, 'ui'),
'@eva-design/eva': path.resolve(Config.MAPPING_PATH),
'@eva-design/processor': path.resolve(Config.PROCESSOR_PATH),
},
};
module.exports = function (api) {
api.cache(true);
const presets = [
'babel-preset-expo',
];
const plugins = [
['module-resolver', moduleResolverConfig],
];
return { presets, plugins };
};