离子滚动标题包问题在“使用”--prod“构建(请添加@NgModule注释

Question

git 存储库中有一个包

https://github.com/keephacking/ionic-scrolling-header

它有一切东西可以使其兼容 AOT .但是在构建我的应用程序时

ionic build --prod命令中，aot 构建失败，错误如下所示。

[18:02:48]  ngc started ...
[18:02:57]  typescript error
        Unexpected value 'ScrollingHeaderModule in
        xxx/node_modules/ionic-scrolling-header/scrolling-header.module.d.ts' imported by the
        module 'xxxModule in xxx/xxx.module.ts'. Please add a @NgModule
        annotation.
Error: The Angular AoT build failed. See the issues above
at [e-mail]:237:55
at step ([e-mail]:32:23)
at Object.next ([e-mail]:13:53)
at fulfilled ([e-mail]:4:58)
[18:02:57]  copy finished in 10.69 s

我在 Package.json 中的依赖项

{
   "dependencies": {
    "@angular/common": "5.2.0",
    "@angular/compiler": "5.2.0",
    "@angular/compiler-cli": "5.2.0",
    "@angular/core": "5.2.0",
    "@angular/forms": "5.2.0",
    "@angular/http": "5.2.0",
    "@angular/platform-browser": "5.2.0",
    "@angular/platform-browser-dynamic": "5.2.0",
    "@ionic-native/core": "4.4.2",
    "@ionic/storage": "2.1.3",
    "es6-promise-plugin": "^4.1.1",
    "firebase": "^4.8.0",
    "ionic-angular": "3.9.2",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionicons": "3.0.0",
    "promise-polyfill": "^7.0.0",
    "rxjs": "5.5.6",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@angular/cli": "^1.6.3",
    "@ionic/app-scripts": "3.1.7",
    "typescript": "2.6.2"
  }
}

非常想知道那个包中缺少什么。

谢谢

Answer 1

我按照以下步骤操作，它对我有用，希望对您有所帮助

第 1 步：安装npm install ionic-scrolling-header --sav-dev

Step2：打开您的home.moduel.ts文件并导入此import {ScrollingHeaderModule} from 'ionic-scrolling-header';，不要忘记将其添加到导入中

imports: [
    ScrollingHeaderModule,
    IonicPageModule.forChild(HomePage),
  ],

步骤3：在您的home.ts文件中添加此@ViewChild(Content) content: Content;

步骤4：在您的主页.html页面中添加此<ion-header [scrollingHeader]='content'>

有关更多信息，请查看此链接

Answer 2

我已经按照以下步骤修复了它：

0-Download project from author repository
1-Rename "src" folder to "ionic-scrolling-header", and copy to your directive(folder)
2-Create a directive folder inside src (folder)
3-Change import in your app.module.ts, as you can see on my print:

截图

Answer 3

当我的 tsconfig.json 没有发出声明文件时，我遇到了此错误。

请确保在构建ScrollingHeaderModule的代码库中的 tsconfig.json 中具有以下内容：

"declaration": true,

Answer 4

此问题已在最新版本的离子滚动标头包中修复。

npm install ionic-scrolling-header@latest会修复它。

Answer 5

离子 6.7.0 ， 科罗多瓦 0.14.0

面对类似的问题，尝试了一切....后来发现我在文件指令.module.ts中缺少类"XYZ"的导入。因此，在该文件和 NgModule 声明中添加了导入语句。

import {ParallaxHeader} from './parallax-header/parallax-header';
@NgModule({
declarations: [ParallaxHeader],
imports: [],
exports: [ParallaxHeader] })