Angular5 animations/common/compiler/core/forms

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

szczerbo pro asked 6 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.

Add comment

szczerbo pro answered 6 years ago

0 0 Best answer

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

Damian Gemza staff commented 6 years ago

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

Add comment

szczerbo pro answered 6 years ago

0 0 Best answer

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

<p class="p1"><span class="s1">error TS5014: Failed to parse file 'MineFilePathToProject/tsconfig.json': Unexpected token } in JSON at position 436.</span></p>
<p class="p3"><span class="s1">Error: error TS5014: Failed to parse file 'MineFilePathToProject/tsconfig.json': Unexpected token } in JSON at position 436.</span></p>
<p class="p3"><span class="s1"><span class="Apple-converted-space">    </span>at AngularCompilerPlugin._setupOptions (MineFilePathToProject/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:90:19)</span></p>
<p class="p3"><span class="s1"><span class="Apple-converted-space">    </span>at new AngularCompilerPlugin (MineFilePathToProject/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:43:14)</span></p>
<p class="p3"><span class="s1"><span class="Apple-converted-space">    </span>at _createAotPlugin (MineFilePathToProject/node_modules/@angular/cli/models/webpack-configs/typescript.js:77:16)</span></p>
<p class="p3"><span class="s1"><span class="Apple-converted-space">    </span>at Object.getNonAotConfig (MineFilePathToProject/node_modules/@angular/cli/models/webpack-configs/typescript.js:100:19)</span></p>
<p class="p3"><span class="s1"><span class="Apple-converted-space">    </span>at NgCliWebpackConfig.buildConfig (MineFilePathToProject/node_modules/@angular/cli/models/webpack-config.js:37:37)</span></p>
<p class="p3"><span class="s1"><span class="Apple-converted-space">    </span>at Class.run (MineFilePathToProject/node_modules/@angular/cli/tasks/serve.js:71:98)</span></p>
<p class="p3"><span class="s1"><span class="Apple-converted-space">    </span>at check_port_1.checkPort.then.port (MineFilePathToProject/node_modules/@angular/cli/commands/serve.js:123:26)</span></p>
<p class="p3"><span class="s1"><span class="Apple-converted-space">    </span>at <anonymous></span></p>
<p class="p3"><span class="s1"><span class="Apple-converted-space">    </span>at process._tickCallback (internal/process/next_tick.js:188:7)</span></p>

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

Please insert min. 20 characters.

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 6 years ago

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

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

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

Add comment

Closed

This topic is closed.

FREE CONSULTATION

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

Status

Closed

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB Angular
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

szczerbo

Pro User 18Support score
8Questions 5Answers 0Snippets