無法使用Ionic2 RC3解析來自app.module.ts的模塊

好吧，我迷路了。已經好幾天了。我有一個工作在beta 10的應用程序，我正嘗試遷移到RC3。我收到以下錯誤無法使用Ionic2 RC3解析來自app.module.ts的模塊

C:\Projects\db>ionic build browser 
****************************************************** 
Dependency warning - for the CLI to run correctly, 
it is highly recommended to install/upgrade the following: 

Please install your Cordova CLI to version >=4.2.0 `npm install -g cordova` 

****************************************************** 

> [email protected] ionic:build C:\Projects\db 
> ionic-app-scripts build 

[10:33:33] ionic-app-scripts 0.0.45 
[10:33:33] build prod started ... 
[10:33:33] clean started ... 
[10:33:33] clean finished in 5 ms 
[10:33:33] copy started ... 
[10:33:33] ngc started ... 
[10:33:33] copy finished in 192 ms 
[10:33:37] can't resolve module ../components/dcl-wrapper/dcl-wrapper.ts from C:/Projects/db/.tmp/app/app.module.ts 
[10:33:37] Error: Source file C:/Projects/db/.tmp/components/dcl-wrapper/dcl-wrapper.ts not present in program., 
      resolving symbol AppModule in C:/Projects/db/.tmp/app/app.module.ts, resolving symbol AppModule in 
      C:/Projects/db/.tmp/app/app.module.ts 
[10:33:37] ngc failed 
[10:33:37] ionic-app-script task: "build" 
[10:33:37] Error: Error 

npm ERR! Windows_NT 10.0.14393 
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "ionic:build" "--" 
npm ERR! node v6.9.1 
npm ERR! npm v3.10.8 
npm ERR! code ELIFECYCLE 
npm ERR! [email protected] ionic:build: `ionic-app-scripts build` 
npm ERR! Exit status 1 
npm ERR!

但是，dcl-wrapper.ts文件確實存在於它告訴我它沒有的地方。下面是相關的路徑：

C:\Projects\db\src\components\dcl-wrapper\dcl-wrapper.ts 
C:\Projects\db\src\app\app.module.ts`

，這裏是我的app.module.ts文件

import { NgModule, ErrorHandler } from '@angular/core'; 
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular'; 
import { MyApp } from './app.component'; 

import {SearchPage} from "../pages/search/search"; 
import {DclWrapper} from "../components/dcl-wrapper/dcl-wrapper.ts"; 

@NgModule({ 
    declarations: [ 
     MyApp, 
     SearchPage, 
     DclWrapper 
    ], 
    imports: [ 
     IonicModule.forRoot(MyApp) 
    ], 
    bootstrap: [IonicApp], 
    entryComponents: [ 
     MyApp, 
     SearchPage 
    ], 
    providers: [{ provide: ErrorHandler, useClass: IonicErrorHandler }] 
}) 
export class AppModule { }

和我的DCL-wrapper.ts

//our root app component 
import {Component, Compiler, ViewContainerRef, ViewChild, Input, ComponentRef, ComponentFactoryResolver, ChangeDetectorRef} from '@angular/core' 

// Helper component to add dynamic components 
@Component({ 
    selector: 'dcl-wrapper', 
    template: `<div #target></div>` 
}) 
export class DclWrapper { 
    @ViewChild('target', { read: ViewContainerRef }) target; 
    @Input() type; 
    @Input() data; 
    cmpRef: ComponentRef<any>; 
    private isViewInitialized: boolean = false; 

    constructor(private componentFactoryResolver: ComponentFactoryResolver, private compiler: Compiler, 
     private cdRef: ChangeDetectorRef) { } 

    updateComponent() { 
     if (!this.isViewInitialized) { 
      return; 
     } 
     if (this.cmpRef) { 
      this.cmpRef.destroy(); 
     } 

     let factory = this.componentFactoryResolver.resolveComponentFactory(this.type); 
     this.cmpRef = this.target.createComponent(factory) 
     // to access the created instance use 
     // this.compRef.instance.someProperty = 'someValue'; 
     // this.compRef.instance.someOutput.subscribe(val => doSomething()); 
     this.cmpRef.instance.item = this.data; 

     this.cdRef.detectChanges(); 
    } 

    ngOnChanges() { 
     this.updateComponent(); 
    } 

    ngAfterViewInit() { 
     this.isViewInitialized = true; 
     this.updateComponent(); 
    } 

    ngOnDestroy() { 
     if (this.cmpRef) { 
      this.cmpRef.destroy(); 
     } 
    } 
}

我已經驗證文件確實存在於構建過程中創建的.tmp目錄中的相同結構中。任何幫助，將不勝感激。

來源

2016-11-28 Jason Wall

對於什麼它的價值，一切都建立當我運行離子發球。所以離子的構建選項和服務選項之間存在某種差異。 –

的錯誤是在行：

import {DclWrapper} from "../components/dcl-wrapper/dcl-wrapper.ts";

正確的方法是：

import {DclWrapper} from "../components/dcl-wrapper/dcl-wrapper";

（沒有「的.ts」）

來源

2017-01-31 17:45:17

無法使用Ionic2 RC3解析來自app.module.ts的模塊

回答

相關問題