Question

我的angularcli.json是

 "scripts": [
         "../node_modules/ng2-slider-component/ng2-slider.component.js",
        "../node_modules/ng2-slideable-directive/slideable.directive.js",
        "../node_modules/ng2-styled-directive/ng2-styled.directive.js"
      ],

它也在package.json中。

我的app.module.ts就像下面一样。我在这里导入了所有组件。

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { Ng2SliderComponent } from 'ng2-slider-component/ng2-slider.component';
import { SlideAbleDirective } from 'ng2-slideable-directive/slideable.directive';
import { Ng2StyledDirective } from 'ng2-styled-directive/ng2-styled.directive';

import { AppComponent } from './app.component';

    @NgModule({
      declarations: [
        AppComponent,
        SlideAbleDirective,
        Ng2StyledDirective,
        Ng2SliderComponent
      ],
      imports: [
        BrowserModule,
        FormsModule,
        HttpModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

但是它显示的错误如下所示。请给我一些解决方案。我正在使用角度cli。该做什么。想法。提前谢谢。请快速给出解决方案，我长时间坚持这些TYM。在提前感谢。

Answer 1

如果您已经在模块中导入了这些代码，则无需将这些代码放入angular-cli.json中的scripts数组中。

从angular-cli.json中的scripts数组中删除这些行，你可能会很高兴。

此外，您可能不需要在导入中使用完整路径，您可以使用此

import { Ng2SliderComponent } from 'ng2-slider-component';
import { SlideAbleDirective } from 'ng2-slideable-directive';
import { Ng2StyledDirective } from 'ng2-styled-directive';

Answer 2

将ng2-slider.component.js中的第404行（大约）更改为：

moduleId: module.id + "",解决了这个问题。

来源： Github issue link

moduleId应该是＆＃34; Ng2SliderComponent＆＃34;中的字符串。

2 个答案: