Typescript _co.Function is not a Function
0
Working on an Ionic project, I have a TS function that is supposed to reveal an HTML element, the problem is is that when it's clicked I get an error saying it's not a function.
Here is the Stack Error
TypeError: _co.UnfoldAchievement is not a function
at Object.eval [as handleEvent] (ng:///AppModule/TravelPage.ngfactory.js:67:35)
at handleEvent (http://localhost:8100/build/vendor.js:13963:155)
at callWithDebugContext (http://localhost:8100/build/vendor.js:15472:42)
at Object.debugHandleEvent [as handleEvent] (http://localhost:8100/build/vendor.js:15059:12)
at dispatchEvent (http://localhost:8100/build/vendor.js:10378:25)
at http://localhost:8100/build/vendor.js:11003:38
at HTMLDivElement.<anonymous> (http://localhost:8100/build/vendor.js:39492:53)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15660)
at Object.onInvokeTask (http://localhost:8100/build/vendor.js:5125:33)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15581)
Here are my Ionic settings
Ionic Framework: 3.9.2
Ionic App Scripts: 3.2.0
Angular Core: 5.2.11
Angular Compiler CLI: 5.2.11
Node: 8.11.3
OS Platform: Windows 10
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36
And here is my code.
import { NgModule } from '@angular/core';
import { Component } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { NavController } from 'ionic-angular';
import { TravelPage } from '../travel/travel';
@NgModule({
declarations: [
TravelPage,
],
imports: [
IonicPageModule.forChild(TravelPage),
],
})
@Component({
selector: 'page-travel',
templateUrl: 'travel.html'
})
export class TravelPageModule {
constructor(public navCtrl: NavController) {
}
UnfoldAchievement()
{
let achievement = document.getElementById("World-Explorer-Content");
achievement.style.display = "contents";
}
}
angular typescript ionic-framework
asked Nov 12 '18 at 22:19
small502
184
add a comment |
0
Working on an Ionic project, I have a TS function that is supposed to reveal an HTML element, the problem is is that when it's clicked I get an error saying it's not a function.
Here is the Stack Error
TypeError: _co.UnfoldAchievement is not a function
at Object.eval [as handleEvent] (ng:///AppModule/TravelPage.ngfactory.js:67:35)
at handleEvent (http://localhost:8100/build/vendor.js:13963:155)
at callWithDebugContext (http://localhost:8100/build/vendor.js:15472:42)
at Object.debugHandleEvent [as handleEvent] (http://localhost:8100/build/vendor.js:15059:12)
at dispatchEvent (http://localhost:8100/build/vendor.js:10378:25)
at http://localhost:8100/build/vendor.js:11003:38
at HTMLDivElement.<anonymous> (http://localhost:8100/build/vendor.js:39492:53)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15660)
at Object.onInvokeTask (http://localhost:8100/build/vendor.js:5125:33)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15581)
Here are my Ionic settings
Ionic Framework: 3.9.2
Ionic App Scripts: 3.2.0
Angular Core: 5.2.11
Angular Compiler CLI: 5.2.11
Node: 8.11.3
OS Platform: Windows 10
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36
And here is my code.
import { NgModule } from '@angular/core';
import { Component } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { NavController } from 'ionic-angular';
import { TravelPage } from '../travel/travel';
@NgModule({
declarations: [
TravelPage,
],
imports: [
IonicPageModule.forChild(TravelPage),
],
})
@Component({
selector: 'page-travel',
templateUrl: 'travel.html'
})
export class TravelPageModule {
constructor(public navCtrl: NavController) {
}
UnfoldAchievement()
{
let achievement = document.getElementById("World-Explorer-Content");
achievement.style.display = "contents";
}
}
angular typescript ionic-framework
asked Nov 12 '18 at 22:19
small502
184
1
Are you having multiple typos in your project? Why do you have an exported class called TravelPageModule when you clearly have @Component on top? Also are you sure you are calling that function from insidetravel.html? One last thing. Never use document.* functions. Use the renderer2 API or directives like ngStyle to change such things.
– itsundefined
Nov 12 '18 at 22:26
I had been experimenting with the code to see if I was missing something. So turns out what my original issue had been was that I was working in the .module.ts file rather than the .ts file. The function wasn't found because it was in the wrong file.
– small502
Nov 13 '18 at 16:44
add a comment |
0
0
0
Working on an Ionic project, I have a TS function that is supposed to reveal an HTML element, the problem is is that when it's clicked I get an error saying it's not a function.
Here is the Stack Error
TypeError: _co.UnfoldAchievement is not a function
at Object.eval [as handleEvent] (ng:///AppModule/TravelPage.ngfactory.js:67:35)
at handleEvent (http://localhost:8100/build/vendor.js:13963:155)
at callWithDebugContext (http://localhost:8100/build/vendor.js:15472:42)
at Object.debugHandleEvent [as handleEvent] (http://localhost:8100/build/vendor.js:15059:12)
at dispatchEvent (http://localhost:8100/build/vendor.js:10378:25)
at http://localhost:8100/build/vendor.js:11003:38
at HTMLDivElement.<anonymous> (http://localhost:8100/build/vendor.js:39492:53)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15660)
at Object.onInvokeTask (http://localhost:8100/build/vendor.js:5125:33)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15581)
Here are my Ionic settings
Ionic Framework: 3.9.2
Ionic App Scripts: 3.2.0
Angular Core: 5.2.11
Angular Compiler CLI: 5.2.11
Node: 8.11.3
OS Platform: Windows 10
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36
And here is my code.
import { NgModule } from '@angular/core';
import { Component } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { NavController } from 'ionic-angular';
import { TravelPage } from '../travel/travel';
@NgModule({
declarations: [
TravelPage,
],
imports: [
IonicPageModule.forChild(TravelPage),
],
})
@Component({
selector: 'page-travel',
templateUrl: 'travel.html'
})
export class TravelPageModule {
constructor(public navCtrl: NavController) {
}
UnfoldAchievement()
{
let achievement = document.getElementById("World-Explorer-Content");
achievement.style.display = "contents";
}
}
angular typescript ionic-framework
asked Nov 12 '18 at 22:19
small502
184
Working on an Ionic project, I have a TS function that is supposed to reveal an HTML element, the problem is is that when it's clicked I get an error saying it's not a function.
Here is the Stack Error
TypeError: _co.UnfoldAchievement is not a function
at Object.eval [as handleEvent] (ng:///AppModule/TravelPage.ngfactory.js:67:35)
at handleEvent (http://localhost:8100/build/vendor.js:13963:155)
at callWithDebugContext (http://localhost:8100/build/vendor.js:15472:42)
at Object.debugHandleEvent [as handleEvent] (http://localhost:8100/build/vendor.js:15059:12)
at dispatchEvent (http://localhost:8100/build/vendor.js:10378:25)
at http://localhost:8100/build/vendor.js:11003:38
at HTMLDivElement.<anonymous> (http://localhost:8100/build/vendor.js:39492:53)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15660)
at Object.onInvokeTask (http://localhost:8100/build/vendor.js:5125:33)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15581)
Here are my Ionic settings
Ionic Framework: 3.9.2
Ionic App Scripts: 3.2.0
Angular Core: 5.2.11
Angular Compiler CLI: 5.2.11
Node: 8.11.3
OS Platform: Windows 10
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36
And here is my code.
import { NgModule } from '@angular/core';
import { Component } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { NavController } from 'ionic-angular';
import { TravelPage } from '../travel/travel';
@NgModule({
declarations: [
TravelPage,
],
imports: [
IonicPageModule.forChild(TravelPage),
],
})
@Component({
selector: 'page-travel',
templateUrl: 'travel.html'
})
export class TravelPageModule {
constructor(public navCtrl: NavController) {
}
UnfoldAchievement()
{
let achievement = document.getElementById("World-Explorer-Content");
achievement.style.display = "contents";
}
}
angular typescript ionic-framework
angular typescript ionic-framework
asked Nov 12 '18 at 22:19
small502
184
asked Nov 12 '18 at 22:19
small502
184
asked Nov 12 '18 at 22:19
small502
184
asked Nov 12 '18 at 22:19
small502
184
asked Nov 12 '18 at 22:19
small502
184
184
1
Are you having multiple typos in your project? Why do you have an exported class called TravelPageModule when you clearly have @Component on top? Also are you sure you are calling that function from insidetravel.html? One last thing. Never use document.* functions. Use the renderer2 API or directives like ngStyle to change such things.
– itsundefined
Nov 12 '18 at 22:26
I had been experimenting with the code to see if I was missing something. So turns out what my original issue had been was that I was working in the .module.ts file rather than the .ts file. The function wasn't found because it was in the wrong file.
– small502
Nov 13 '18 at 16:44
add a comment |
1
Are you having multiple typos in your project? Why do you have an exported class called TravelPageModule when you clearly have @Component on top? Also are you sure you are calling that function from insidetravel.html? One last thing. Never use document.* functions. Use the renderer2 API or directives like ngStyle to change such things.
– itsundefined
Nov 12 '18 at 22:26
I had been experimenting with the code to see if I was missing something. So turns out what my original issue had been was that I was working in the .module.ts file rather than the .ts file. The function wasn't found because it was in the wrong file.
– small502
Nov 13 '18 at 16:44
1
1
Are you having multiple typos in your project? Why do you have an exported class called TravelPageModule when you clearly have @Component on top? Also are you sure you are calling that function from inside
travel.html? One last thing. Never use document.* functions. Use the renderer2 API or directives like ngStyle to change such things.– itsundefined
Nov 12 '18 at 22:26
Are you having multiple typos in your project? Why do you have an exported class called TravelPageModule when you clearly have @Component on top? Also are you sure you are calling that function from inside
travel.html? One last thing. Never use document.* functions. Use the renderer2 API or directives like ngStyle to change such things.– itsundefined
Nov 12 '18 at 22:26
I had been experimenting with the code to see if I was missing something. So turns out what my original issue had been was that I was working in the .module.ts file rather than the .ts file. The function wasn't found because it was in the wrong file.
– small502
Nov 13 '18 at 16:44
I had been experimenting with the code to see if I was missing something. So turns out what my original issue had been was that I was working in the .module.ts file rather than the .ts file. The function wasn't found because it was in the wrong file.
– small502
Nov 13 '18 at 16:44
add a comment |
1 Answer
1
active
oldest
votes
0
So turns out what my original issue had been was that I was working in the .module.ts file rather than the .ts file. The function wasn't found because it was in the wrong file.
answered Nov 13 '18 at 16:45
small502
184
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53270921%2ftypescript-co-function-is-not-a-function%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
So turns out what my original issue had been was that I was working in the .module.ts file rather than the .ts file. The function wasn't found because it was in the wrong file.
answered Nov 13 '18 at 16:45
small502
184
add a comment |
0
So turns out what my original issue had been was that I was working in the .module.ts file rather than the .ts file. The function wasn't found because it was in the wrong file.
answered Nov 13 '18 at 16:45
small502
184
add a comment |
0
0
0
So turns out what my original issue had been was that I was working in the .module.ts file rather than the .ts file. The function wasn't found because it was in the wrong file.
answered Nov 13 '18 at 16:45
small502
184
So turns out what my original issue had been was that I was working in the .module.ts file rather than the .ts file. The function wasn't found because it was in the wrong file.
answered Nov 13 '18 at 16:45
small502
184
answered Nov 13 '18 at 16:45
small502
184
answered Nov 13 '18 at 16:45
small502
184
answered Nov 13 '18 at 16:45
small502
184
184
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53270921%2ftypescript-co-function-is-not-a-function%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Are you having multiple typos in your project? Why do you have an exported class called TravelPageModule when you clearly have @Component on top? Also are you sure you are calling that function from inside
travel.html? One last thing. Never use document.* functions. Use the renderer2 API or directives like ngStyle to change such things.– itsundefined
Nov 12 '18 at 22:26
I had been experimenting with the code to see if I was missing something. So turns out what my original issue had been was that I was working in the .module.ts file rather than the .ts file. The function wasn't found because it was in the wrong file.
– small502
Nov 13 '18 at 16:44