For a trivia app I'm developing for mobile, I'm using Nativescript-Vue to develop. The app runs fine and without errors when running it with xcode iOS emulator. However, when I try to run a preview (with the terminal command: 'tns preview') the app runs but when I try to start a game the app throws an error:
CONSOLE ERROR file:///app/tns_modules/nativescript-vue/dist/index.js:2129:20: [Vue warn]: Error in render: "TypeError: undefined is not an object (evaluating 'this.$store.getters')"
found in
---> <App> at App.vue
<Frame>
<Root>
LOG from device iPhone CONSOLE ERROR file:///app/tns_modules/nativescript-vue/dist/index.js:2129:20: [Vue warn]: Error in nextTick: "TypeError: undefined is not an object (evaluating 'this.$store.getters')"
I'm trying to run it using the playground app on my iPhone SE and scanning the qr-code. I'm thinking it has something to do with the app not being able to access the VueX store or something. But I'm kind of at a loss. I've seen the 'tns preview' command work, but that was with a Vue app without Vuex. Do you know what I might be doing wrong?
UPDATE: after adding Vue.prototype.$store = store in main.js, I get a slightly different error:
CONSOLE ERROR file:///app/tns_modules/nativescript-vue/dist/index.js:2129:20: [Vue warn]: Error in render: "TypeError: this.$store.getters is not an Object. (evaluating 'val in this.$store.getters')"
Still don't know what can be wrong, but I do know the tns preview works when disabling / commenting out all things related to the store in the code, so it defintely got something to do with that. Please help, I really want to show this app to somebody on their phone.
I've managed to solve this problem by adding in main.js this line, right after importing store:
import store from './store'
Vue.prototype.$store = store
Related
I'm developing a Vue component using Storybook and trying to add console.log() statements to my Vue code to help me debug the behavior of my component, but I'm not seeing the statements printed to the console. Instead, I'm seeing a lot of warnings saying [Vue warn] cannot run an inactive effect scope..
I am trying to implement a functionality in my react-native app where in I can connect my app with metamask or any other non-custodial wallet app. The library I am using for this is https://www.npmjs.com/package/#walletconnect/react-native-dapp.
The following is the code snippet:
<WalletConnectProvider
redirectUrl={Platform.OS === 'web' ? window.location.origin : 'yourappscheme://'}
storageOptions= {{
asyncStorage AsyncStorage,
}}>
<>{/* awesome app here */}</>
</WalletConnectProvider>
However, when I try to run the app, it shows the following errors:
TypeError: undefined is not an object (evaluating '_$$_REQUIRE(_dependencyMap[0], "./providers").WalletConnectProvider')
Error: Requiring module "node_modules\#walletconnect\react-native-dapp\dist\providers\index.js", which threw an exception: TypeError: Object prototype may only be an Object or null.
Any idea why this issue?
I was facing the issues due to the use of npx rn-nodeify --install --hack.
Tried using "node-libs-react-native" inside the devDependencies as suggested at
https://github.com/WalletConnect/walletconnect-monorepo/issues/753
When I try to test 2 components (with 2 different test files), just the first file will pass.
The second will fail with [Vue warn]: Error in directive validate bind hook: "TypeError: Cannot read property '$scopedSlots' of undefined".
I'm really failing to get this working. Has anyone seen/solved this problem?
Already placed issues at VeeValidate and vue-test-utils.
You can reproduce this behavior here: https://github.com/jourdanrodrigues/v-validate-issue
Just clone, install and npm run test:unit. You'll see the error.
you need to add sync: false to the mount/shallowMount options.
see https://vue-test-utils.vuejs.org/api/options.html#sync
So I am trying to update my application. I am using redux-persist to persist my store. When I updated, i got an error which i believe occurred because my store persisted and didn't update.
Update:
The error: JS exception: TypeError: undefined is not an object(evaluating '${anObjectInMyStore's}.length
${After the above message, a bunch of error relating to not finding the object and an error in my RCTView}
Once deleting the app and reinstalling, the app worked fine
I am new in Vue.js and I want to use vue boilerplate from https://github.com/marcosmoura/vue-boilerplate.
When I try to run this using the command npm run dev it will generate a link, for example, http://localhost:8080.
When I visit this URL in a browser, this error occurs and I am not able to do anything:
Uncaught Error: [vuex] actions should be function but "actions.__esModule" is true
I got same problem and solved it by editing package.json to change the version of vuex to fixed 2.3.0. Maybe something went wrong in version 2.4.0.