burger.addEventListener('click', ()=> {
rightNav.classlist.toggle('v-class-resp');
navbar.classlist.toggle('h-nav-resp');
navList.classlist.toggle('v-class-resp');
})
This 'navbar' is showing error.
You should use classList, not classlist
Related
I am trying to set up a listener for my user document:
const userListener = onSnapshot(doc(db, "users", uid), (doc) => {
setUser(doc.data());
console.log(doc.data());
});
useEffect(() => {
userListener();
setLoading(false);
}, []);
But I keep getting this error:
TypeError: null is not an object (evaluating '_n7.indexOf')
The error redirects me to the index.rn.js file in the firestore folder from my node_modules:
null is not an object (evaluating '_n7.indexOf') file
I have also tried using collection, instead of doc and still get the same error.
Does anyone have an idea where this error is coming from?
I am working on react-native applying the application provider tag from ui-kitten and I receive in error undefined is not an object (evaluating 'Object.keys(params)'). Below is where the code is throwing the error. Any help on this would be appreciated.
React Native code
Error thrown
You're not passing any props to the ApplicationProvider. Try the code provided in the getting started guide.
import * as eva from '#eva-design/eva';
import { ApplicationProvider } from '#ui-kitten/components';
...
export default () => (
<ApplicationProvider {...eva} theme={eva.light}>
...
);
ScrollIntoView returns undefined
I am trying to scroll into the element when navigate to that page:
scrollTo(itemId) {
this.$refs['item' + itemId].scrollIntoView({
behavior: 'smooth',
block: 'center',
inline: 'nearest',
})
},
The point is that it's getting called inside the mounted hook. ref is defined itemId is also defined which is a query parameter from vue router but it still throws
error in a mounted hook (Promise/async): "TypeError: Cannot read property 'scrollIntoView' of undefined"
What is wrong and how can be it fixed?
It seems that dynamic refs are not ready in mounted hook, so try to watch the $route object and scroll to the desired element :
watch:{
$route:{
handler(to,from){
if(to.query.itemId){
this.scrollTo(to.query.itemId)
},
deep:true //because $route is an object
}
}
}
But I think that you should use something like scroll-behavior
When i try redirect to other router in watcher, console gives me this error:
Can somebody help me and tell why is this happening?
Thanks!
watch: {
lifes : function() {
console.log('lifes watcher work')
if(this.lifes === 0) {
this.$route.router.go('/ending');
}
}
},
I find other ways like this.router.go('/ending') or just router.go('/ending') but also doesn't work.
ERROR:
[Vue warn]: Error in callback for watcher "lifes": "TypeError: Cannot read property 'go' of undefined"
Here is my test in Angular2:
it('should initialize without DI service',
async(inject([TestComponentBuilder], (tcb: TestComponentBuilder) => {
var template = '<component></component>';
return tcb.overrideTemplate(TestComponent, template)
.createAsync(TestComponent)
.then((fixture ) => {
expect(fixture.debugElement.children[0].componentInstance).toBeAnInstanceOf(ComponentType);
expect(fixture.debugElement.children[0].componentInstance.state).toBeNull();
});
})));
It throws the following error:
Uncaught (in promise): TypeError:
testing_1.expect(...).toBeAnInstanceOf is not a function
It works fine in Angular2 RC2 till I updated to RC4.
Since this has been unanswered for a long time, this other post might be helpful for the future:
Uncaught TypeError: ctorParameters.map is not a function