I am unable to compile my react-native JS
bundle, as I am repeatedly getting the above error, but I don't think this has to be related to any package, although I doubt I am having some configuration issue with either babel
or typescript
My tsconfig.json looks something like this
{"compilerOptions": { /* Basic Options */"target": "es6" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */,"module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,"allowJs": true /* Allow javascript files to be compiled. */, // "checkJs": true /* Report errors in .js files. */,"jsx": "react-native" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,"noEmit": true /* Do not emit outputs. */,"strict": true /* Enable all strict type-checking options. */,"moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,"allowSyntheticDefaultImports": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,"esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,"baseUrl": ".","paths": {"*": ["App/*"],"Assets": ["App/Assets"],"Components": ["App/Components"],"Config": ["App/Config"],"Containers": ["App/Containers"],"Fixtures": ["App/Fixtures"],"Images": ["App/Images"],"Navigation": ["App/Navigation"],"Sagas": ["App/Sagas"],"Services": ["App/Services"],"Themes": ["App/Themes"],"types": ["types"] }},"exclude": ["node_modules"]
}
And my babelrc
looks something liks this
"presets": ["module:metro-react-native-babel-preset","@babel/preset-typescript" ],"plugins": [ ["@babel/plugin-transform-flow-strip-types"], ["@babel/plugin-proposal-decorators", {"legacy": true } ], ["@babel/plugin-proposal-class-properties", {"loose": true } ], ["module-resolver", {"extensions": [".js", ".ios.js", ".android.js", ".ts", ".tsx", ".json"],"alias": {"Assets": "./App/Assets","Components": "./App/Components","Config": "./App/Config","Containers": "./App/Containers","Fixtures": "./App/Fixtures","Images": "./App/Images","Navigation": "./App/Navigation","Sagas": "./App/Sagas","Services": "./App/Services","Themes": "./App/Themes","types": "./types" } } ] ],"env": {"production": {"plugins": ["ignite-ignore-reactotron", "transform-remove-console"] } }}
babel packages being used
"@babel/cli": "^7.6.0","@babel/core": "^7.6.2","@babel/plugin-proposal-class-properties": "^7.12.1","@babel/plugin-proposal-decorators": "^7.12.1","@babel/plugin-proposal-object-rest-spread": "^7.12.1","@babel/plugin-transform-flow-strip-types": "^7.12.10","@babel/preset-flow": "^7.0.0","@babel/preset-typescript": "^7.12.7","@babel/runtime": "^7.6.2","babel-eslint": "^10.1.0","babel-jest": "^24.9.0","babel-plugin-functional-hmr": "^1.0.24","babel-plugin-ignite-ignore-reactotron": "^0.3.0","babel-plugin-module-resolver": "^4.1.0","babel-plugin-transform-remove-console": "^6.9.4","babel-preset-es2015": "^6.18.0","babel-preset-react-native": "^5",
I am not able to connect the dots at all that what exactly going wrong,not even deleting packager cache of react-native either helping here