amcharts4 is not compiling with angular 6
up vote
2
down vote
favorite
I'm having trouble with compiling my app when including amcharts4. I have simply installed the amcharts4 npm package and am trying to use it in a component i've created. Am i missing something with the CLI config?
ERROR in node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(60,117): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(67,109): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(76,116): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Type.d.ts(25,32): error TS2304: Cannot find name 'Extract'.
my typescript:
import { Component, NgZone } from "@angular/core";
import * as am4core from "@amcharts/amcharts4/core";
import * as am4charts from "@amcharts/amcharts4/charts";
import am4themes_animated from "@amcharts/amcharts4/themes/animated";
am4core.useTheme(am4themes_animated);
@Component({
selector: 'app-am-charts',
templateUrl: './am-charts.component.html',
styleUrls: ['./am-charts.component.css']
})
export class AmChartsComponent {
}
angular amcharts
asked Nov 21 at 16:18
user2249567
215
add a comment |
up vote
2
down vote
favorite
I'm having trouble with compiling my app when including amcharts4. I have simply installed the amcharts4 npm package and am trying to use it in a component i've created. Am i missing something with the CLI config?
ERROR in node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(60,117): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(67,109): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(76,116): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Type.d.ts(25,32): error TS2304: Cannot find name 'Extract'.
my typescript:
import { Component, NgZone } from "@angular/core";
import * as am4core from "@amcharts/amcharts4/core";
import * as am4charts from "@amcharts/amcharts4/charts";
import am4themes_animated from "@amcharts/amcharts4/themes/animated";
am4core.useTheme(am4themes_animated);
@Component({
selector: 'app-am-charts',
templateUrl: './am-charts.component.html',
styleUrls: ['./am-charts.component.css']
})
export class AmChartsComponent {
}
angular amcharts
asked Nov 21 at 16:18
user2249567
215
add a comment |
up vote
2
down vote
favorite
up vote
2
down vote
favorite
I'm having trouble with compiling my app when including amcharts4. I have simply installed the amcharts4 npm package and am trying to use it in a component i've created. Am i missing something with the CLI config?
ERROR in node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(60,117): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(67,109): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(76,116): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Type.d.ts(25,32): error TS2304: Cannot find name 'Extract'.
my typescript:
import { Component, NgZone } from "@angular/core";
import * as am4core from "@amcharts/amcharts4/core";
import * as am4charts from "@amcharts/amcharts4/charts";
import am4themes_animated from "@amcharts/amcharts4/themes/animated";
am4core.useTheme(am4themes_animated);
@Component({
selector: 'app-am-charts',
templateUrl: './am-charts.component.html',
styleUrls: ['./am-charts.component.css']
})
export class AmChartsComponent {
}
angular amcharts
asked Nov 21 at 16:18
user2249567
215
I'm having trouble with compiling my app when including amcharts4. I have simply installed the amcharts4 npm package and am trying to use it in a component i've created. Am i missing something with the CLI config?
ERROR in node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(60,117): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(67,109): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Object.d.ts(76,116): error TS2536: Type 'Key' cannot be used to index type 'Object'.
node_modules/@amcharts/amcharts4/.internal/core/utils/Type.d.ts(25,32): error TS2304: Cannot find name 'Extract'.
my typescript:
import { Component, NgZone } from "@angular/core";
import * as am4core from "@amcharts/amcharts4/core";
import * as am4charts from "@amcharts/amcharts4/charts";
import am4themes_animated from "@amcharts/amcharts4/themes/animated";
am4core.useTheme(am4themes_animated);
@Component({
selector: 'app-am-charts',
templateUrl: './am-charts.component.html',
styleUrls: ['./am-charts.component.css']
})
export class AmChartsComponent {
}
angular amcharts
angular amcharts
asked Nov 21 at 16:18
user2249567
215
asked Nov 21 at 16:18
user2249567
215
asked Nov 21 at 16:18
user2249567
215
asked Nov 21 at 16:18
user2249567
215
asked Nov 21 at 16:18
user2249567
215
215
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
Per this issue this newer closed issue and our angular integration documentation, make sure you have the following in your tsconfig.json as AmCharts 4 does not currently support strict mode:
{
"compilerOptions": {
"strictNullChecks": false,
"strictFunctionTypes": false
}
}
In addition to this, make sure you're at least on TypeScript version 2.7 2.8 but not 3.x as it isn't supported yet.
answered Nov 21 at 16:54
xorspark
9,04721025
After adding this to tsconfig.json i'm still receiving the same issue
– user2249567
Nov 22 at 10:05
I've tried setting up a new app up fresh using angular cli v6.1.2 and typescript is on 2.7.2 and im still getting the same issue
– user2249567
Nov 22 at 10:22
1
Try TypeScript 2.8. I forgot that we bumped our minimum TS requirement from this other issue.
– xorspark
Nov 22 at 11:54
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
Per this issue this newer closed issue and our angular integration documentation, make sure you have the following in your tsconfig.json as AmCharts 4 does not currently support strict mode:
{
"compilerOptions": {
"strictNullChecks": false,
"strictFunctionTypes": false
}
}
In addition to this, make sure you're at least on TypeScript version 2.7 2.8 but not 3.x as it isn't supported yet.
answered Nov 21 at 16:54
xorspark
9,04721025
After adding this to tsconfig.json i'm still receiving the same issue
– user2249567
Nov 22 at 10:05
I've tried setting up a new app up fresh using angular cli v6.1.2 and typescript is on 2.7.2 and im still getting the same issue
– user2249567
Nov 22 at 10:22
1
Try TypeScript 2.8. I forgot that we bumped our minimum TS requirement from this other issue.
– xorspark
Nov 22 at 11:54
add a comment |
up vote
1
down vote
Per this issue this newer closed issue and our angular integration documentation, make sure you have the following in your tsconfig.json as AmCharts 4 does not currently support strict mode:
{
"compilerOptions": {
"strictNullChecks": false,
"strictFunctionTypes": false
}
}
In addition to this, make sure you're at least on TypeScript version 2.7 2.8 but not 3.x as it isn't supported yet.
answered Nov 21 at 16:54
xorspark
9,04721025
After adding this to tsconfig.json i'm still receiving the same issue
– user2249567
Nov 22 at 10:05
I've tried setting up a new app up fresh using angular cli v6.1.2 and typescript is on 2.7.2 and im still getting the same issue
– user2249567
Nov 22 at 10:22
1
Try TypeScript 2.8. I forgot that we bumped our minimum TS requirement from this other issue.
– xorspark
Nov 22 at 11:54
add a comment |
up vote
1
down vote
up vote
1
down vote
Per this issue this newer closed issue and our angular integration documentation, make sure you have the following in your tsconfig.json as AmCharts 4 does not currently support strict mode:
{
"compilerOptions": {
"strictNullChecks": false,
"strictFunctionTypes": false
}
}
In addition to this, make sure you're at least on TypeScript version 2.7 2.8 but not 3.x as it isn't supported yet.
answered Nov 21 at 16:54
xorspark
9,04721025
Per this issue this newer closed issue and our angular integration documentation, make sure you have the following in your tsconfig.json as AmCharts 4 does not currently support strict mode:
{
"compilerOptions": {
"strictNullChecks": false,
"strictFunctionTypes": false
}
}
In addition to this, make sure you're at least on TypeScript version 2.7 2.8 but not 3.x as it isn't supported yet.
answered Nov 21 at 16:54
xorspark
9,04721025
edited Nov 22 at 11:56
answered Nov 21 at 16:54
xorspark
9,04721025
answered Nov 21 at 16:54
xorspark
9,04721025
answered Nov 21 at 16:54
xorspark
9,04721025
9,04721025
After adding this to tsconfig.json i'm still receiving the same issue
– user2249567
Nov 22 at 10:05
I've tried setting up a new app up fresh using angular cli v6.1.2 and typescript is on 2.7.2 and im still getting the same issue
– user2249567
Nov 22 at 10:22
1
Try TypeScript 2.8. I forgot that we bumped our minimum TS requirement from this other issue.
– xorspark
Nov 22 at 11:54
add a comment |
After adding this to tsconfig.json i'm still receiving the same issue
– user2249567
Nov 22 at 10:05
I've tried setting up a new app up fresh using angular cli v6.1.2 and typescript is on 2.7.2 and im still getting the same issue
– user2249567
Nov 22 at 10:22
1
Try TypeScript 2.8. I forgot that we bumped our minimum TS requirement from this other issue.
– xorspark
Nov 22 at 11:54
After adding this to tsconfig.json i'm still receiving the same issue
– user2249567
Nov 22 at 10:05
After adding this to tsconfig.json i'm still receiving the same issue
– user2249567
Nov 22 at 10:05
I've tried setting up a new app up fresh using angular cli v6.1.2 and typescript is on 2.7.2 and im still getting the same issue
– user2249567
Nov 22 at 10:22
I've tried setting up a new app up fresh using angular cli v6.1.2 and typescript is on 2.7.2 and im still getting the same issue
– user2249567
Nov 22 at 10:22
1
1
Try TypeScript 2.8. I forgot that we bumped our minimum TS requirement from this other issue.
– xorspark
Nov 22 at 11:54
Try TypeScript 2.8. I forgot that we bumped our minimum TS requirement from this other issue.
– xorspark
Nov 22 at 11:54
add a comment |
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.
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%2f53416341%2famcharts4-is-not-compiling-with-angular-6%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
