ionic4 pipe.ts is part of the declarations of 2 modules:

简介: ionic4 pipe.ts is part of the declarations of 2 modules:

问题复现


在之前的几篇ionc4自定义pipe和directive后,发现打包会包一个错误

ionic4 pipe.ts is part of the declarations of 2 modules:

意思就是说,不能在多个文件中声明自定义的过滤器和指令。


解决思路:


既然不可以这样,那我们就自己建立一个模块module,吧自己自定义的过滤器和指令放在这个共享的module里面。


这样不就解决了。


实操:


自定义的过滤器

1dc618a0ed9580ce8bfa6facb208c08f.png

自定义的指令

5d4c6812c8535adbb050f4ddf2e1bce8.png


新建个module


46a9d80a6e05e4e3b19d57a0ee70bcdf.png


import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {ConvertWeekPipe} from '../../pipes/convert-week.pipe';
import {DebounceClickDirective} from '../../directives/debounce-click.directive';
@NgModule({
  declarations: [
      ConvertWeekPipe,
      DebounceClickDirective
  ],
  imports: [
    CommonModule
  ],
  exports: [
      ConvertWeekPipe,
      DebounceClickDirective
  ]
})
export class ShareModule { }


在需要的页面导入shareModule


66ba272a0bfc97be54a5fa679e3d5482.png


完事,效果图不展示了,收工。


相关文章
|
6月前
|
资源调度 JavaScript 前端开发
介绍一下ts
介绍一下ts
125 1
|
6月前
ts文件解密
ts文件解密
250 0
|
JavaScript 前端开发
ts - ts基础
https://www.tslang.cn/ TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统,且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器,任意环境,任意系统并且是开源的。
|
JavaScript 开发者
什么是TS?
什么是TS?
158 0
|
前端开发
Module理解及使用
Module理解及使用
128 0
|
Python
ModuleNotFoundError: No module named ‘Image‘
ModuleNotFoundError: No module named ‘Image‘
381 0
ModuleNotFoundError: No module named ‘Image‘
|
人工智能 自然语言处理 JavaScript
为什么我们需要 TS ?
文中不少观点的想法系个人见解,有一定的个人局限性,欢迎交流
825 0
为什么我们需要 TS ?
10.1 modules
import codecs       # import 就是引入别人写的模块 with codecs.open('1.txt','w') as f:     pass import zhouyuyao.
677 0
|
Web App开发 监控 前端开发