GeekyAnts / vue-native-core

Vue Native is a framework to build cross platform native mobile apps using JavaScript
https://vue-native.io
MIT License
8.32k stars 298 forks source link

react-native 0.59 upgrade ISSUE #150

Closed chars1205 closed 5 years ago

chars1205 commented 5 years ago

We have upgraded the vue-native project version from 0.55.4 to 0.59.0 However, the following error has occurred I would appreciate your help.

error: bundling failed: Error: Unable to resolve module `./App` from `/Users/chars/workspace/test/test/index.js`: The module `./App` could not be found from `/Users/chars/workspace/test/test/index.js`. Indeed, none of these files exist:
 * `/Users/chars/workspace/test/test/App(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)`
neeraj-singh47 commented 5 years ago

@chars1205 You need to have metro.config.js file configuration similar to https://github.com/GeekyAnts/vue-native-cli/blob/master/src/utils/metro.config.js

chars1205 commented 5 years ago

@neeraj-singh47

react-native version is updating 0.59.8. build faile @ expo / vector-icons error when using 'npm run android' command. I set it according to the Setup with Vue Native section on the nativeBase homepage However nativebase still calls @expo.

I installed it with npm i @ expo but I am getting an associated error.

I would appreciate it if you could provide a solution. Thank you in advance

Below is my package.json file

"dependencies": { "amazon-cognito-identity-js": "3.0.7", "aws-amplify": "1.1.19", "aws-amplify-react-native": "2.1.7", "axios": "0.18.0", "is-empty": "1.2.0", "json-to-graphql-query": "1.9.0", "jwt-decode": "2.2.0", "lodash": "4.17.11", "native-base": "2.12.0", "react": "16.5.0", "react-native": "0.59.2", "react-native-android-sms-listener": "0.7.0", "react-native-datepicker": "1.7.2", "react-native-device-info": "0.26.4", "react-native-exception-handler": "2.10.6", "react-native-firebase": "5.3.1", "react-native-gesture-handler": "1.0.16", "react-native-hyperlink": "0.0.14", "react-native-image-crop-picker": "0.22.0", "react-native-image-picker": "0.28.0", "react-native-image-zoom-viewer": "2.2.25", "react-native-loading-spinner-overlay": "1.0.1", "react-native-looped-carousel": "0.1.13", "react-native-material-dropdown": "0.11.1", "react-native-modal": "7.0.2", "react-native-modal-dropdown": "0.6.2", "react-native-photo-grid": "0.0.2", "react-native-render-html": "4.1.1", "react-native-scalable-image": "0.5.0", "react-native-simple-dialogs": "0.3.1", "react-native-splash-screen": "3.2.0", "react-native-tab-view": "1.3.2", "react-native-tags": "2.0.0", "react-native-text-input-mask": "1.0.1", "react-native-version-check": "3.0.3", "react-navigation": "3.6.1", "react-timer-mixin": "0.13.4", "retry-axios": "1.0.1", "rn-fetch-blob": "0.10.15", "validator": "10.11.0", "vue-moment": "4.0.0", "vue-native-core": "0.0.8", "vue-native-helper": "0.0.11", "vuex": "3.1.0", "vuex-map-fields": "1.3.2" }, "devDependencies": { "babel-preset-expo": "5.0.0", "vue-native-scripts": "0.0.16" },

neeraj-singh47 commented 5 years ago

@chars1205 Are you using the expo version of the vue-native? And can you post the screenshot of the error?

chars1205 commented 5 years ago

@neeraj-singh47 There was a dependency problem that required using @expo/vector-icons when using native-base. So we fixed the error using metro-react-native-babel-preset instead of babel-preset-expo. Thank you for your interest.

aljourda commented 5 years ago

I had same problem, I published a template compatible react native 0.59. It seems that you need this file : https://github.com/papsign/vue-native-quickstart/blob/master/metro.config.js in your project root folder. I hope it helps