$on,$once is not defined error - javascript

Scenario is,
im using following versions of angularFire and firebase in my project in index.html
<script src="https://cdn.firebase.com/js/client/2.0.4/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.9.0/angularfire.min.js"></script>
and angular.min.js is installed locally. IM not using AngularJS from CDN.
When I try to use $on,$once functions in my Angular project it gives me error that $on is not defined... and I am also facing error of dependency injection for using $firebaseArray,$firebaseObject even I declare firebase in my module. Here is Module declaration in my App.js file which main file and all of my controlles are in this single file
var appMainModule = angular.module('appMain', [ 'firebase','ngRoute'])
If I upgrade my versions to latest as shown in following links
[(https://www.firebase.com/docs/web/libraries/angular/quickstart.html)]
Then I face error that firebase has been removed, you may instantiate $firebaseArray,$firebaseObject directly...
Help me to solve my issues,

Related

Using firebase with modular javascript

I have a simple website with an index.html, and a script tag linked to a main.js file. The tag is of type module. I don't use any libraries or anything like that. I have tried solutions online, but they all use some kind of bundler, and it doesn't seem to work without them. I created my app with firebase init hosting.
When i try importing firebase with import firebase from 'firebase' or import * as firebase from 'firebase', i get the error message Uncaught TypeError: Failed to resolve module specifier "firebase". Relative references must start with either "/", "./", or "../".
What should i do here? This is my first time using firebase with javascript modules.
Firebase says to use script tags to access firebase, but i cannot do that.
import .. from 'firebase' will cause JavaScript to look in the node_modules folder. If I understand you correctly, you don't have one and you don't want one either.
Firebase doesn't need to be included like that, you can also just add scripts to the bottom of your body in your html like this:
<script src="/__/firebase/5.11.0/firebase-app.js"></script>
<script src="/__/firebase/init.js"></script>
If hosting is the only thing you want this should do it, even without a config object. Otherwise check this out:
https://firebase.google.com/docs/web/setup

require() finding process.version to be undefined

I am trying to create a dashboard based off an existing dashboard template located below:
https://github.com/creativetimofficial/vuetify-material-dashboard
I am trying to integrate azure-storage into my solution in order to upload files directly to Azure.
https://github.com/Azure/azure-storage-node
The following require statement is used to import azure-storage
var azure = require('azure-storage');
However I am getting the following error:
TypeError: process.version is undefined
I have tried reinstalling all modules as well as process. I thought that process was a globally defined variable, and I can't understand why version is returning undefined. What could be causing this issue?
Tried to debug by printing all properties of process and this is what I have:
Thanks.

Angular 2 Full-calendar is not a function error

I have installed full-calendar via npm and imported it to my project.It is initialized okay. But when I want to change 'events' like below it gives is not a function error. I just know that it gives this error when Jquery has been imported more than once. But as I see I have imported once and it is before angular js files. So what is the problem?
$('angular2-fullcalendar').fullCalendar('refetchEventSources',eventsUrl)

encodeUriSegment is not a function

Angular returns to console error
encodeUriSegment is not a function
it's happen when I tried call get function from angular-resource in my own controller. It's look like angular-resource can't find this one function, but it exist in angular.js file. I installed angular-resource by bower. I have everyone file path which i need in index.html.
full error message:
angular.js:13920 TypeError: [horoskopy_App Error] encodeUriSegment is not a function
at http://localhost:3000/bower_components/angular-resource/angular-resource.js:573:30
It's likely that you have a version conflict in your source. I had the same issue and found that I was using angular-resource 1.5.9 and angular 1.6. Once I had both on the same version release the issue resolved.

I am getting this error "No module: ngResource"

Trying to use the Angular $resource, and its coming back as not a method. Looking through the sparse documentation, I was able to find this :
angular.module('productServices', ['ngResource']).
That you're supposed to include it in your app module. Fair enough, I throw it in and get :
Uncaught Error: No module: ngResource
Hmm.. does this not come with Angular.js and its a separate plugin?
It's a separate file that you'll need to include in your project, as of version 1.0.0rc3 (see changelog on GitHub).
Head over to http://code.angularjs.org -- under the folder for any version after this release, you should see the angular-resource.js file available for download and inclusion in your project.

Categories