Angular5 animations/common/compiler/core/forms


Topic: Angular5 animations/common/compiler/core/forms

szczerbo pro asked 7 years ago

Hello, I have problem with creating new Angular5 (angular-cli) project, because angular-bootstrap-md@5.2.2 doesn't support newest release of angular5 libraries (version 5.2.7). After npm installation can't run project. I was following this instructions: https://mdbootstrap.com/angular/5min-quickstart/ The errors I get are: npm WARN angular-bootstrap-md@5.2.2 requires a peer of @angular/animations@5.0.0 - 5.2.6 but none is installed. You must install peer dependencies yourself. npm WARN angular-bootstrap-md@5.2.2 requires a peer of @angular/common@5.0.0 - 5.2.6 but none is installed. You must install peer dependencies yourself. npm WARN angular-bootstrap-md@5.2.2 requires a peer of @angular/compiler@5.0.0 - 5.2.6 but none is installed. You must install peer dependencies yourself. npm WARN angular-bootstrap-md@5.2.2 requires a peer of @angular/core@5.0.0 - 5.2.6 but none is installed. You must install peer dependencies yourself. npm WARN angular-bootstrap-md@5.2.2 requires a peer of @angular/forms@5.0.0 - 5.2.6 but none is installed. You must install peer dependencies yourself.

Damian Gemza staff answered 7 years ago

Hello szczerbo, it's not an errors, it's just a warnings. You can leave it - it won't break your project. This is caused by the situation, when we're supporting some specific version of Angular, for example, 5.2.6, and Angular got the newer version (5.2.7). Warnings are caused by peerDependency in our package. They inform you, that for use of our framework, we're suggesting Angular versions from 5.0 to 5.2.6. You can fix it by using 5.2.6 Angular version. Best Regards, Damian

szczerbo pro answered 7 years ago

Ok, so if this isn't problem i went further to step ng serve--o, but i get this kind of error:  

error TS5014: Failed to parse file 'MineFilePathToProject/tsconfig.json': Unexpected token } in JSON at position 436.

Error: error TS5014: Failed to parse file 'MineFilePathToProject/tsconfig.json': Unexpected token } in JSON at position 436.

    at AngularCompilerPlugin._setupOptions (MineFilePathToProject/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:90:19)

    at new AngularCompilerPlugin (MineFilePathToProject/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:43:14)

    at _createAotPlugin (MineFilePathToProject/node_modules/@angular/cli/models/webpack-configs/typescript.js:77:16)

    at Object.getNonAotConfig (MineFilePathToProject/node_modules/@angular/cli/models/webpack-configs/typescript.js:100:19)

    at NgCliWebpackConfig.buildConfig (MineFilePathToProject/node_modules/@angular/cli/models/webpack-config.js:37:37)

    at Class.run (MineFilePathToProject/node_modules/@angular/cli/tasks/serve.js:71:98)

    at check_port_1.checkPort.then.port (MineFilePathToProject/node_modules/@angular/cli/commands/serve.js:123:26)

    at <anonymous>

    at process._tickCallback (internal/process/next_tick.js:188:7)

  tsconfig.json contains:
{
"compileOnSave": false,
"include": ["node_modules/angular-bootstrap-md/**/*.ts", "src/**/*.ts"],
"compilerOptions": {
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "es5",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2017",
"dom"
],
}
}

Damian Gemza staff commented 7 years ago

Did you followed our 5min-quickstart guide? Did you performed every steps carefully? That's strange errors - we didn't encounter them.

szczerbo pro answered 7 years ago

Ok, did everything one more time, and now works fine:) Sorry for bothering You, and thx for help!:)

Damian Gemza staff commented 7 years ago

I'm glad that everything works for you. Closing this topic. Best Regards, Damian

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Closed

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No