Flex-layout: ERROR in node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(72,67)

[mayras]

6.0.0-beta.17 worked normally, 6.0.0-beta.18 has next:

ERROR in node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(72,67): error TS1144: '{' or ';' expected.
node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(74,5): error TS1128: Declaration or statement expected.
node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(74,33): error TS1005: ';' expected.
node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(74,39): error TS1109: Expression expected.
node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(79,5): error TS1128: Declaration or statement expected.
node_modules/@angular/flex-layout/extended/typings/style/style.d.ts(80,1): error TS1128: Declaration or statement expected.

[pereslava]

Workaround for today:
@angular/flexLayout - rollback to 6.0.0-beta.16
rxjs - rollback to 6.2.2

[ranst91]

Use typescript version 2.9.1 and up to resolve
edit: 2.9.2 also works, be sure not to go 3.0, or it will interrupt the angular-cli

[nripoli4810]

I've been having the same issue since flexLayout 6.0.0-beta.18 was released - upgrading typescript from 2.7.2 to 2.9.2 resolved it for me.

[AnthonyNahas]

I was facing the same issue and I tried these two options and they work!

1. @Doom100500 rollback to flexlayout beta 17 did the job
2. @ranst91 @nripoli4810 updating typescript to version 2.9.2 solved the problem 💯

[pereslava]

Just checked with the brand new project created with angular-cli ver 6.1.5

1. ng new... gives typescript ~2.7.2 in package.json
2. replaced typescript version in package.json to ^2.9.2
3. install and setup angular/flex-layout
4. build failed, cannot find modules of @angular/cdk
5. npm i --save @angulal/cdk
6. build working...

Seems that this is a bug in angular cli...

[CaerusKaru]

Duplicate of #827

[mariamtsartsidze]

How should I rollback rxjs to 6.2.2? I've got 6.3.2. npm install -g [email protected] doesn't change it. Can't find the appropriate command to uninstall and reinstall it. Also one more question, should I do it globally, locally or both ways?

[ghost]

I just ran these commands and it solved.

1. ng update @angular/cli
2. ng update @angular/core
3. update @angular/flex-layout version to "^6.0.0-beta.18"
4. npm install
5. npm run build:ssr

[Eholl80]

I did point 1 to point 4 and it solves the issue !!! Thanks Yaseen

[rahul230691]

Thanks @Yaseen-Nadaf .. Solution worked for me 👍

[k0nstantink]

Thank you, Yaseen-Nadaf. This worked for me.

[tjbernard]

Thank very very much @Yaseen-Nadaf. It worked!

[alo]

worked for me too! thanks @Yaseen-Nadaf !

[SlimAidar]

is this won't affect my project in the future?

[ghost]

is this won't affect my project in the future?

Actually as I am unaware of which version you are using currently, I would say that if your angular version is less than 6 then it may affect a little because of some breaking changes. You have to take care of it or code according to new changes.

[industrioustudy]

did as Yaseen-Nadaf:

1. ng update @angular/cli
2. ng update @angular/core
3. ng update @angular/flex-layout version to "^6.0.0-beta.18"
4. npm install

it works for me.
Thanks,

[whitewaves]

@industrioustudy what version of angular?

Did not work for

[mikenap]

Use typescript version 2.9.1 and up to resolve
edit: 2.9.2 also works, be sure not to go 3.0, or it will interrupt the angular-cli

This did the trick for me. Updating typescript to 2.9.2 for flex-layout ^6.0.0-beta.18.

    "@angular/cdk": "^6.4.7",
    "@angular/common": "^6.1.9",
    "@angular/compiler": "^6.1.9",
    "@angular/core": "^6.1.9",
    "@angular/flex-layout": "^6.0.0-beta.18",

[FryannM]

@industrioustudy Thanks Man its work for me Too

[simplyeleza]

I faced the same problem.
I Installed this particular typescript version.

0n your local project = npm install [email protected]
Globally= npm install -g [email protected]
Check version = tsc -v

[jpelton-stroud]

Use typescript version 2.9.1 and up to resolve
edit: 2.9.2 also works, be sure not to go 3.0, or it will interrupt the angular-cli

Whelp, I can tell ya it does _not_ work w/ the following:

Angular CLI: 7.1.3
Node: 8.14.0
OS: linux x64
Angular: 7.1.3
... animations, cli, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.11.3
@angular-devkit/build-angular 0.11.3
@angular-devkit/build-optimizer 0.11.3
@angular-devkit/build-webpack 0.11.3
@angular-devkit/core 7.1.3
@angular-devkit/schematics 7.1.3
@angular/flex-layout 7.0.0-beta.21
@ngtools/webpack 7.1.3
@schematics/angular 7.1.3
@schematics/update 0.11.3
rxjs 6.3.3
typescript 3.1.6
webpack 4.23.1

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{_This action has been performed automatically by a bot._}