با عرض سلام و خسته نباشید من با اجرای برنامه با خطای زیر مواجه میشم (ویندوز 7 و دات نت فریمورک 4 رو هم نصب کردم) :
و همینطور در زمانی که برنامه را در ویژوال استودیو اجرا میکنم خطای زیر را میدهد:
Unknown build error, 'Could not load file or assembly 'file:///C:\Users\VAHID\Downloads\DNTProfiler-1.8.1129.0\DNTProfiler-1.8.1129.0\DNTProfiler\obj\Release\DNTProfiler.exe' or one of its dependencies. The module was expected to contain an assembly manifest.'
Covalent is a reusable UI platform from Teradata for building web applications with common standards and tooling. It is based on Angular and Material Design.
Vision: To build an atomic, reusable component platform for Teradata to consume, while collaborating in an open source model.
// angular-material-feature.module.ts
import { NgModule } from '@angular/core';
// Import angular kendo angular
import {
MatFormFieldModule, MatInputModule,
MatButtonModule, MatButtonToggleModule,
MatDialogModule, MatIconModule,
MatSelectModule, MatToolbarModule,
MatDatepickerModule,
DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MatTableModule, MatCheckboxModule, MatRadioModule, MatCardModule, fadeInContent,
MatListModule, MatProgressBarModule, MatTabsModule
} from '@angular/material';
import {
MatSidenavModule,
MatSlideToggleModule,
} from '@angular/material';
import { MatMenuModule } from '@angular/material/menu';
@NgModule({
declarations: [
// KendoGridPaginationComponent
],
imports: [
MatSidenavModule,
MatSlideToggleModule,
MatInputModule,
MatFormFieldModule,
MatButtonModule, MatButtonToggleModule,
MatDialogModule, MatIconModule,
MatSelectModule, MatToolbarModule,
MatDatepickerModule,
MatCheckboxModule,
MatRadioModule,
MatCardModule,
MatMenuModule,
MatListModule,
MatProgressBarModule,
MatTabsModule
],
exports: [
MatSidenavModule,
MatSlideToggleModule,
MatInputModule,
MatFormFieldModule,
MatButtonModule, MatButtonToggleModule,
MatDialogModule, MatIconModule,
MatSelectModule, MatToolbarModule,
MatDatepickerModule,
MatCheckboxModule,
MatRadioModule,
MatCardModule,
MatMenuModule,
MatListModule,
MatProgressBarModule,
MatTabsModule
],
providers: [
]
})
export class AngularMaterialFeatureModule {
} // kendo-feature.module.ts
import { NgModule } from '@angular/core';
// Import kendo angular ui
import { ButtonsModule } from '@progress/kendo-angular-buttons';
import { GridModule, ExcelModule } from '@progress/kendo-angular-grid';
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
import { InputsModule } from '@progress/kendo-angular-inputs';
import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
import { DialogsModule } from '@progress/kendo-angular-dialog';
import { RTL } from '@progress/kendo-angular-l10n';
import { LayoutModule } from '@progress/kendo-angular-layout';
import { WindowService, WindowRef, WindowCloseResult, DialogService, DialogRef, DialogCloseResult } from '@progress/kendo-angular-dialog';
import { SnotifyModule, SnotifyService, SnotifyPosition, SnotifyToastConfig, ToastDefaults } from 'ng-snotify';
@NgModule({
declarations: [
],
imports: [
ButtonsModule,
GridModule,
ExcelModule,
DropDownsModule,
InputsModule,
DateInputsModule,
DialogsModule,
LayoutModule,
SnotifyModule,
],
exports: [
ButtonsModule,
GridModule,
ExcelModule,
DropDownsModule,
InputsModule,
DateInputsModule,
DialogsModule,
LayoutModule,
],
providers: [
{ provide: 'SnotifyToastConfig', useValue: ToastDefaults },
SnotifyService,
// Enable Right-to-Left mode for Kendo UI components
{ provide: RTL, useValue: true },
]
})
export class KendoFeatureModule {
} // app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserAnimationsModule,
RouterModule,
AppRoutingModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { } // app.component.ts
import { Component, ViewEncapsulation } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss'],
encapsulation: ViewEncapsulation.None,
})
export class AppComponent {
title = 'HowToKeepAngularDeploymentSizeSmall';
constructor() {
}
} // app.component.html <router-outlet></router-outlet>
// app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
const routes: Routes = [
{ path: '', loadChildren: './projects/home/home.module#HomeModule' }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { } // home.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {AngularMaterialFeatureModule , KendoFeatureModule} from '../../modules/index';
import {HomeRoutingModule } from './home.routing';
import { HomeComponent } from './home.component';
import { IndexComponent } from './pages/index/index.component';
import {LoginComponent } from './pages/login/login.component';
@NgModule({
declarations: [
HomeComponent,
IndexComponent,
LoginComponent
],
imports: [
CommonModule,
HomeRoutingModule,
AngularMaterialFeatureModule
],
providers:[
],
entryComponents:[
LoginComponent
]
})
export class HomeModule { } // home.routing.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home.component';
import { IndexComponent } from './pages/index/index.component';
const routes: Routes = [
{
path: "",
component: HomeComponent,
children: [
{
path: "",
component: IndexComponent,
data: {
breadcrumb: " Index "
}
},
{
path: "about",
loadChildren: "./pages/aboutus/aboutus.module#AboutusModule"
},
{
path: "blog",
loadChildren: "./pages/blog/blog.module#BlogModule"
},
{
path: "blog-detail",
loadChildren: "./pages/blogdetail/blogdetail.module#BlogdetailModule"
},
{
path: "pricing",
loadChildren: "./pages/pricing/pricing.module#PricingModule"
},
{
path: "contact",
loadChildren: "./pages/contact/contact.module#ContactModule"
}
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class HomeRoutingModule {
} // home.component.ts
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
import { LoginComponent } from './pages/login/login.component';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss'],
encapsulation: ViewEncapsulation.None
})
export class HomeComponent implements OnInit {
constructor(
private dialog: MatDialog) { }
ngOnInit() {
}
public toggleModal(){
let dialogRef = this.dialog.open(LoginComponent, {
});
}
} // home.component.scss @import '../../../assets/home/css/themify-icons.css'; @import '../../../assets/home/css/font-awesome.min.css'; @import '../../../assets/home/css/set1.css'; @import '../../../assets/home/css/bootstrap.min.css'; @import '../../../assets/home/css/style.css'; @import "~@angular/material/prebuilt-themes/indigo-pink.css";
// home.component.html
<!--============================= HEADER =============================-->
<div>
<div>
<div>
<div>
<div>
<nav>
<a href="index.html"><img src="../../../assets/home/images/logo.png" alt="logo"></a>
<button type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
</button>
<div id="navbarNavDropdown">
<ul>
<li>
<a target="_blank" [routerLink]="['/dashboard']">Dashboard</a>
</li>
<li>
<a [routerLink]="['/about']">About</a>
</li>
<li>
<a [routerLink]="['/contact']">Contact</a>
</li>
<li>
<a [routerLink]="['/pricing']">Pricing</a>
</li>
<li>
<a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Blog
<span></span>
</a>
<div>
<a [routerLink]="['/blog']">Blog Listing</a>
<a [routerLink]="['/blog-detail']">Blog Detail</a>
</div>
</li>
<li>
<a (click)='toggleModal()' style="cursor: pointer;">Login</a>
</li>
<li><a href="add-listing.html"><span></span> Add
Listing</a></li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
<!--//END HEADER -->
<router-outlet></router-outlet>
<!--============================= FOOTER =============================-->
<footer>
<div>
<div>
<div>
<div>
<i aria-hidden="true"></i>
<p>503 Sylvan Ave, Mountain View<br> CA 94041, United States</p>
</div>
</div>
<div>
<div>
<img src="../../../assets/home/images/footer-logo.png" alt="#">
</div>
</div>
<div>
<ul>
<li><a href="#"><i aria-hidden="true"></i></a></li>
<li><a href="#"><i aria-hidden="true"></i></a></li>
<li><a href="#"><i aria-hidden="true"></i></a></li>
<li><a href="#"><i aria-hidden="true"></i></a></li>
<li><a href="#"><i aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div>
<div>
<div>
<p>Copyright © 2017 Listed Inc. All rights reserved</p>
<a href="#">Privacy</a>
<a href="#">Terms</a>
</div>
</div>
</div>
</div>
</footer>
<!--//END FOOTER --> 
Step 5/7 : RUN npm i ---> [Warning] The requested image's platform (linux/amd64) does not match the detected host platform (windows/amd64) and no specific platform was requested ---> Running in dc37481d5781 added 48 packages, and audited 49 packages in 6s found 0 vulnerabilities npm notice npm notice New minor version of npm available! 8.5.5 -> 8.7.0 npm notice Changelog: <https://github.com/npm/cli/releases/tag/v8.7.0> npm notice Run `npm install -g npm@8.7.0` to update! npm notice The command '/bin/sh -c npm i' returned a non-zero code: 4294967295: failed to shutdown container: container dc37481d5781615dbf01c129f2322f06fcac8851a8a4078a6273438a8427254a encountered an error during hcsshim::System::waitBackground: failure in a Windows system call: The virtual machine or container with the specified identifier is not running. (0xc0370110): subsequent terminate failed container dc37481d5781615dbf01c129f2322f06fcac8851a8a4078a6273438a8427254a encountered an error during hcsshim::System::waitBackground: failure in a Windows system call: The virtual machine or container with the specified identifier is not running. (0xc0370110)
Angular 2 and ASP.NET Core MVC
