离子3:找不到管道''[重复]

Posted

技术标签:

【中文标题】离子3:找不到管道\'\'[重复]【英文标题】:Ionic 3: The pipe '' could not be found [duplicate]离子3:找不到管道''[重复] 【发布时间】:2018-05-14 14:01:31 【问题描述】:

关于这个问题,我似乎没有任何错误。我已经在 app.module.ts 中导入并放入“声明”中。

在 app.module.ts 中

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

//ionic-native
import  NativeStorage  from '@ionic-native/native-storage';
import  StatusBar  from '@ionic-native/status-bar';
import  SplashScreen  from '@ionic-native/splash-screen';

//pipe
import  HoursMinutesSecondsPipe  from '../pipes/hours-minutes-
seconds/hours-minutes-seconds';

@NgModule(
declarations: [
MyApp,
HoursMinutesSecondsPipe
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp, 
  platforms: 
    android: 
      tabsPlacement: 'top'
    
  
),
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
],
providers: [
StatusBar,
SplashScreen,
provide: ErrorHandler, useClass: IonicErrorHandler,
NativeStorage,
]
)
export class AppModule 

用法:

    <ion-card class="card-container" (click)="onTimer()">
      <img src="assets/imgs/wp1.png"/>
      <div class="card-title">Time Smoke Free</div>
      <div class="card-subtitle"> seconds | hoursMinutesSeconds </div>
    </ion-card>

以小时-分钟-秒.ts 为单位

    import  Pipe, PipeTransform  from '@angular/core';

    @Pipe(
      name: 'hoursMinutesSeconds',
    )

    export class HoursMinutesSecondsPipe implements PipeTransform 

      transform(value, args?) 

        let minutes = Math.floor(value / 60);
        let hours = Math.floor(minutes / 60);
        let seconds = Math.floor(value % 60);

        let timeString = hours + 'hrs ' + minutes + 'mins ' + seconds + 'secs';

        return timeString;

      
    

错误: 未捕获(承诺):错误:模板解析错误: 找不到管道“hoursMinutesSeconds”(“imgs/wp1.png”/> 时间无烟 [错误->]秒|小时分钟秒

【问题讨论】:

试试这个:***.com/questions/43299610/ionic-3-cant-find-pipe 【参考方案1】:

当您使用此 CLI ionic generate pipe HoursMinutesSeconds 创建 pipe 时,它将创建一个名为 pipes.module.ts 的共享模块。因此,您需要在页面的模块文件中添加import PipesModule 模块。

我们假设那个页面是my-view那么;

my-view.module.ts

import  NgModule  from '@angular/core';
import  IonicPageModule  from 'ionic-angular';
import  MyViewPage  from './my-view';
import  PipesModule  from '../../pipes/pipes.module';//<--- here

@NgModule(
  declarations: [
    MyViewPage,
  ],
  imports: [
    IonicPageModule.forChild(BudgetGroupViewPage),
    PipesModule // <--- here
  ],
)
export class MyViewPageModule   

【讨论】:

以上是关于离子3:找不到管道''[重复]的主要内容,如果未能解决你的问题,请参考以下文章

离子/角度:找不到管道“异步”

找不到离子管

尝试使用离子构建Android模拟器失败..“找不到类:javac1.8”[重复]

打字稿错误找不到名称'require'。离子 3

离子 3 - 找不到 FirebaseInstanceID

离子摇篮失败“找不到 com.android.tools.build:gradle:2.2.3”