angular2使用ng g c home/home创建组件报错

本文介绍了解决Node.js项目中出现的ELOOP错误的方法,包括删除node_modules文件夹并重新安装依赖,以及降低@angular/cli版本。

Error: ELOOP: too many symbolic links encountered, stat 'E:\study\angular2\DaMoQiongQiu\routeTemplate\node_modules\.0.
1.5@es6-map\node_modules\d\node_modules\es5-ext\node_modules\es6-iterator\node_modules\d\node_modules\es5-ext\node_mod
ules\es6-iterator\node_modules\d\node_modules\es5-ext\node_modules\es6-iterator\node_modules\d\node_modules\es5-ext\no
de_modules\es6-iterator\node_modules\d\node_modules\es5-ext\node_modules\es6-iterator\node_modules\d\node_modules\es5-
ext\node_modules\es6-iterator\node_modules\d\node_modules\es5-ext\node_modules\es6-iterator\node_modules\d\node_module
s\es5-ext\node_modules\es6-iterator\node_modules\d\node_modules\es5-ext\node_modules\es6-iterator\node_modules\d\node_
modules\es5-ext\node_modules\es6-iterator\node_modules\d\node_modules\es5-ext'
ELOOP: too many symbolic links encountered, stat 'E:\study\angular2\DaMoQiongQiu\routeTemplate\node_modules\.0.1.5@es6
-map\node_modules\d\node_modules\es5-ext\node_modules\es6-iterator\node_modules\d\node_modules\es5-ext\node_modules\es
6-iterator\node_modules\d\node_modules\es5-ext\node_modules\es6-iterator\node_modules\d\node_modules\es5-ext\node_modu
les\es6-iterator\node_modules\d\node_modules\es5-ext\node_modules\es6-iterator\node_modules\d\node_modules\es5-ext\nod
e_modules\es6-iterator\node_modules\d\node_modules\es5-ext\node_modules\es6-iterator\node_modules\d\node_modules\es5-e
xt\node_modules\es6-iterator\node_modules\d\node_modules\es5-ext\node_modules\es6-iterator\node_modules\d\node_modules
\es5-ext\node_modules\es6-iterator\node_modules\d\node_modules\es5-ext'

 

 

解决方法: 

  1、将node_modules文件整个删除,npm install重新安装一次依赖包

  2、如果方法1还不行,就将pakage.json的@angular/cli的版本改低一点,我改成了1.2.6

 

转载于:https://www.cnblogs.com/duanjiujiu/p/7716866.html

app.menu.component.ts代码如下 import { Component, OnInit } from '@angular/core'; import { ToastrService } from 'ngx-toastr'; import { SystemService } from '../services/system.service'; import { LayoutService } from './service/app.layout.service'; @Component({ selector: 'app-menu', templateUrl: './app.menu.component.html' }) export class AppMenuComponent implements OnInit { model: any[] = []; constructor(public layoutService: LayoutService, private systemService: SystemService, private toastr: ToastrService ) { } ngOnInit() { this.model = [ { label: 'Menu', items: [ { label: 'Dashboard', icon: 'pi pi-fw pi-home', routerLink: ['home'] }, { label: 'Swarm', icon: 'pi pi-fw pi-share-alt', routerLink: ['swarm'] }, { label: 'Network', icon: 'pi pi-fw pi-wifi', routerLink: ['network'] }, { label: 'Settings', icon: 'pi pi-fw pi-cog', routerLink: ['settings'] }, { label: 'Logs', icon: 'pi pi-fw pi-list', routerLink: ['logs'] }, ] } ]; } public restart() { this.systemService.restart().subscribe(res => { }); this.toastr.success('Success!', 'Bitaxe restarted'); } } app.module.ts代码如下 import 'chartjs-adapter-moment'; import { CommonModule, HashLocationStrategy, LocationStrategy } from '@angular/common'; import { HttpClientModule } from '@angular/common/http'; import { NgModule } from '@angular/core'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { ToastrModule } from 'ngx-toastr'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { EditComponent } from './components/edit/edit.component'; import { NetworkEditComponent } from './components/network-edit/network.edit.component'; import { HomeComponent } from './components/home/home.component'; import { LoadingComponent } from './components/loading/loading.component'; import { LogsComponent } from './components/logs/logs.component'; import { NetworkComponent } from './components/network/network.component'; import { SettingsComponent } from './components/settings/settings.component'; import { SwarmComponent } from './components/swarm/swarm.component'; import { ThemeConfigComponent } from './components/settings/theme-config.component'; import { AppLayoutModule } from './layout/app.layout.module'; import { ANSIPipe } from './pipes/ansi.pipe'; import { DateAgoPipe } from './pipes/date-ago.pipe'; import { HashSuffixPipe } from './pipes/hash-suffix.pipe'; import { PrimeNGModule } from './prime-ng.module'; import { MessageModule } from 'primeng/message'; import { TooltipModule } from 'primeng/tooltip'; import { TranslateModule, TranslateLoader, TranslateService } from '@ngx-translate/core'; // import { TranslateHttpLoader } from '@ngx-translate/http-loader'; // import { HttpClient } from '@angular/common/http'; // import { LanguageSwitcherComponent } from './components/language-switcher/language-switcher.component'; // import { APP_INITIALIZER } from '@angular/core'; export function HttpLoaderFactory(http: HttpClient) { return new TranslateHttpLoader(http, './assets/i18n/', '.json'); } export function appInitializerFactory(translate: TranslateService) { return () => { const savedLang = localStorage.getItem('userLanguage'); if (savedLang) { return translate.use(savedLang).toPromise(); } return Promise.resolve(); }; } const components = [ AppComponent, EditComponent, NetworkEditComponent, HomeComponent, LoadingComponent, NetworkComponent, SettingsComponent, LogsComponent ]; @NgModule({ declarations: [ ...components, ANSIPipe, DateAgoPipe, SwarmComponent, SettingsComponent, HashSuffixPipe, ThemeConfigComponent, LanguageSwitcherComponent // ], exports: [ // 如果其他模块需要使用组件 LanguageSwitcherComponent ], imports: [ BrowserModule, AppRoutingModule, HttpClientModule, ReactiveFormsModule, FormsModule, ToastrModule.forRoot({ positionClass: 'toast-bottom-right', }), BrowserAnimationsModule, CommonModule, PrimeNGModule, AppLayoutModule, MessageModule, TooltipModule, TranslateModule.forRoot({ defaultLanguage: 'en', loader: { provide: TranslateLoader, useFactory: HttpLoaderFactory, deps: [HttpClient] } }) // ], providers: [ { provide: LocationStrategy, useClass: HashLocationStrategy }, { provide: APP_INITIALIZER, useFactory: appInitializerFactory, deps: [TranslateService], multi: true } ], bootstrap: [AppComponent] }) export class AppModule { } 在app.menu.component.html中使用{{ item.label | translate }}报错No pipe found with name 'translate'.ngtsc(-998004) app.menu.component.ts(6, 44): Error occurs in the template of component AppMenuComponent.怎么解决
最新发布
05-28
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值