ERROR in Error: Metadata version mismatch for module …. /Cliente/node_modules/@ng-bootstrap/ng-bootstrap/index.d.ts, found version 4, ex pected 3, resolving symbol SharedModule….

Hello everyone, i am trying to install this template in angular 4 but when write ng serve comand i get this error.
i use node 6.11.3 and npm 3.10.10
this is a instructión for install template.
captura

ERROR in Error: Metadata version mismatch for module C:/Users/Eder/Desktop/Tesis
/Cliente/node_modules/@ng-bootstrap/ng-bootstrap/index.d.ts, found version 4, ex
pected 3, resolving symbol SharedModule in C:/Users/Eder/Desktop/Tesis/Cliente/s
rc/app/shared/shared.module.ts, resolving symbol SharedModule in C:/Users/Eder/D
esktop/Tesis/Cliente/src/app/shared/shared.module.ts, resolving symbol SharedMod
ule in C:/Users/Eder/Desktop/Tesis/Cliente/src/app/shared/shared.module.ts
at Error (native)
at syntaxError (C:\Users\Eder\Desktop\Tesis\Cliente\node_modules@angular\co
mpiler\bundles\compiler.umd.js:1729:34)
at simplifyInContext (C:\Users\Eder\Desktop\Tesis\Cliente\node_modules@angu
lar\compiler\bundles\compiler.umd.js:24979:23)
at StaticReflector.simplify (C:\Users\Eder\Desktop\Tesis\Cliente\node_module
s@angular\compiler\bundles\compiler.umd.js:24991:13)
at StaticReflector.annotations (C:\Users\Eder\Desktop\Tesis\Cliente\node_mod
ules@angular\compiler\bundles\compiler.umd.js:24418:41)
at _getNgModuleMetadata (C:\Users\Eder\Desktop\Tesis\Cliente\node_modules@a
ngular\compiler-cli\src\ngtools_impl.js:138:31)
at _extractLazyRoutesFromStaticModule (C:\Users\Eder\Desktop\Tesis\Cliente\n
ode_modules@angular\compiler-cli\src\ngtools_impl.js:109:26)
at C:\Users\Eder\Desktop\Tesis\Cliente\node_modules@angular\compiler-cli\sr
c\ngtools_impl.js:129:27
at Array.reduce (native)
at _extractLazyRoutesFromStaticModule (C:\Users\Eder\Desktop\Tesis\Cliente\n
ode_modules@angular\compiler-cli\src\ngtools_impl.js:128:10)
at Object.listLazyRoutesOfModule (C:\Users\Eder\Desktop\Tesis\Cliente\node_m
odules@angular\compiler-cli\src\ngtools_impl.js:53:22)
at Function.NgTools_InternalApi_NG_2.listLazyRoutes (C:\Users\Eder\Desktop\T
esis\Cliente\node_modules@angular\compiler-cli\src\ngtools_api.js:91:39)
at AotPlugin._getLazyRoutesFromNgtools (C:\Users\Eder\Desktop\Tesis\Cliente
node_modules@ngtools\webpack\src\plugin.js:207:44)
at _donePromise.Promise.resolve.then.then.then.then.then (C:\Users\Eder\Desk
top\Tesis\Cliente\node_modules@ngtools\webpack\src\plugin.js:443:24)
at process._tickCallback (internal/process/next_tick.js:109:7)

webpack: Failed to compile.

any solution?

2 thoughts on “ERROR in Error: Metadata version mismatch for module …. /Cliente/node_modules/@ng-bootstrap/ng-bootstrap/index.d.ts, found version 4, ex pected 3, resolving symbol SharedModule….

  1. or you could just specify a fixed version in your package.json.
    "@ng-bootstrap/ng-bootstrap": "1.0.0-beta.4",
    beta.4 is compatible with angular4.
    Upgrading to latest version of angular is of course the better solution

  2. I got the same error

    Probably in your package.json you have the following:

    “@ng-bootstrap/ng-bootstrap”: “^<VERSION_HERE>”

    The problem is with the dependecies versions, so you can just update everthing to the last version, there is a topic in stackoverflow already: Metadata version mismatch with Angular 4

    Or in my case that I couldn’t just update all packages,I did the following:

    I removed the package, also removed the ^ signal before the version number and then ran npm i again.

    After this the app worked properly.