почему ссылка на локальный (не экспортируемый) символ 'require' дает ошибку?

Question

Я попробовал многие решения отсюда, но все равно он показывает эту ошибку

ОШИБКА в Обнаружена ошибка при статическом разрешении значений символов.Ссылка на локальный (не экспортируемый) символ 'require'.Попробуйте экспортировать символ (позиция 8:13 в исходном файле .ts), разрешив символ AppModule в C: /Users/Bristy/Documents/realtime_chart/client/src/app/app.module.ts

npm.ERR!код ELIFECYCLE

npm ERR!errno 1

npm ERR!live-chart@0.0.0 build: ng build

npm ERR!Статус выхода 1

npm ERR!

npm ERR!Ошибка в сценарии сборки live-chart@0.0.0.

npm ERR!Это, вероятно, не проблема с npm.Скорее всего, выше выводится логирование.

npm ERR!Полный журнал этого прогона можно найти в:

npm ERR!
C: \ Users \ Bristy \ AppData \ Roaming \ npm-cache_logs \ 2018-05-09T17_11_42_862Z-debug.log Готово.

Вот мой 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 { AppComponent } from './app.component';

import { ChartModule } from 'angular2-highcharts/index';

import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService';

declare var require: any;



 export function highchartsFactory() {

      const hc = require('highcharts');

      const dd = require('highcharts/modules/drilldown');

      dd(hc);


      return hc;

    }


@NgModule({

  declarations: [

    AppComponent

  ],

  imports: [

    BrowserModule,

    FormsModule,

    HttpModule,

    ChartModule.forRoot(require('highcharts/highstock')),

  ],

  providers: [ {

          provide: HighchartsStatic,

          useFactory: highchartsFactory

        }],

  bootstrap: [AppComponent]

})

export class AppModule { }