大佬教程收集整理的这篇文章主要介绍了Angular2 x-i18n错误:模块导入的意外值,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
npm install @ angular / compiler-cli @ angular / platform-server –save
我跑了这个命令:
“./node_modules/.bin/ng-xi18n”-p src / tsconfig.json
它返回给我错误信息:
Error: Unexpected value 'SharedModule' imported by the module 'AppModule' at D:\Projects\courier-landingpage\node_modules\@angular\compiler\bundles\compiler.umd.js:14675:33 at Array.forEach (nativE) at CompileMetadataResolver._loadNgModuleMetadata (D:\Projects\courier-landingpage\node_modules\@angular\compiler\bundles\compiler.umd.js:14660:51) at CompileMetadataResolver.getUnloadedNgModuleMetadata (D:\Projects\courier-landingpage\node_modules\@angular\compiler\bundles\compiler.umd.js:14636:23) at addNgModule (D:\Projects\courier-landingpage\node_modules\@angular\compiler\bundles\compiler.umd.js:12944:43) at D:\Projects\courier-landingpage\node_modules\@angular\compiler\bundles\compiler.umd.js:12957:16 at Array.forEach (nativE) at _createNgModules (D:\Projects\courier-landingpage\node_modules\@angular\compiler\bundles\compiler.umd.js:12956:28) at analyzeNgModules (D:\Projects\courier-landingpage\node_modules\@angular\compiler\bundles\compiler.umd.js:12700:16) at Object.analyzeAndValidateNgModules (D:\Projects\courier-landingpage\node_modules\@angular\compiler\bundles\compiler.umd.js:12704:20)
列出我的AppModule:
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { SharedModule } from './shared/shared.module'; import { TextMaskmodule } from 'angular2-text-mask'; import { HomeComponent } from './landing/home/home.component'; import { LoginComponent } from './landing/login/login.component'; import { SignupComponent } from './landing/signup/signup.component'; import { SignupProfileComponent } from './landing/signup/signup-profile/signup-profile.component'; import { SignupVehicleComponent } from './landing/signup/signup-vehicle/signup-vehicle.component'; import { SignupAreaComponent } from './landing/signup/signup-area/signup-area.component'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent,HomeComponent,LoginComponent,SignupComponent,SignupProfileComponent,SignupVehicleComponent,SignupAreaComponent ],imports: [ BrowserModule,FormsModule,RouterModule.forRoot([ { path: 'login',component: LoginComponent },{ path: 'signup',component: SignupComponent,children: [ { path: '',children: [ { path: 'profile',component: SignupProfileComponent },{ path: 'area',component: SignupAreaComponent },{ path: 'vehicle',component: SignupVehicleComponent } ] } ] },{ path: '',component: HomeComponent } ]),TextMaskmodule,SharedModule ],providers: [ ],bootstrap: [AppComponent] }) export class AppModule { }
SharedModule的列表:
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { httpR_56_11845@odule } from '@angular/http'; import { RouterModule } from '@angular/router'; import { Notificationservice,NotificationStream } from './notification.service'; import { httpClientservice } from './api/http-client.service'; import { Authservice } from './api/auth.service'; import { Citiesservice } from './api/cities.service'; import { City } from './models/city'; import { Notification } from './models/notification'; import { NotificationType } from './models/notification-type.enum'; import { NotificationComponent } from './components/notification/notification.component'; @NgModule({ imports: [ httpR_56_11845@odule,RouterModule,BrowserModule ],exports: [ NotificationComponent ],declarations: [NotificationComponent],providers: [ httpClientservice,Authservice,Citiesservice,NotificationStream,Notificationservice ],}) class SharedModule { } export { SharedModule,City,Notification,NotificationType,httpClientservice,Citiesservice }
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { httpR_56_11845@odule } from '@angular/http'; import { RouterModule } from '@angular/router'; import { Notificationservice,}) export class SharedModule { } export { City,Citiesservice }
然后我动了一下,找到了这个问题的原因,以及我发现了什么.Angular CLI使用Webpack编译bundle,ngc使用TypeScript编译器.所以我认为这个问题可能在TypeScript编译器中,但是对于类装饰器不能正常工作.最新的TypeScript编译器版本是2.1.4,Angular CLI使用的是2.0.x版本.我检查了这个并且在将TypeScript编译器更新到2.1.4后,这个问题就消失了.
以上是大佬教程为你收集整理的Angular2 x-i18n错误:模块导入的意外值全部内容,希望文章能够帮你解决Angular2 x-i18n错误:模块导入的意外值所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。