title: (angular2-highcharts) ERROR in Error encountered resolving symbol values statically
body: <p>I'm trying to use the plugin in several ways, but when I refer to "ChartModule.forRoot (require ('highcharts'))," it throws this exception</p>
  
  <pre>
  ERROR in Error encountered resolving symbol values statically. <br />Reference to a local (non-exported) symbol 'require'. Consider exporting the symbol <br />(position 23:13 in the original .ts file), resolving symbol AppModule in <br />'.../src/app/app.module.ts'
  </pre>
  
  <p>Obs: my projetc is based in SmartAdmin: <a href="https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0" rel="nofollow noreferrer">https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0</a></p>
  
  <p>Obs 2:  I have already tested </p>
  
  <p>//Highcharts</p>
  
  <pre><code>import { ChartModule } from 'angular2-highcharts'; 
  import { HighchartsStatic } from 'angular2-highcharts/dist/HighchartsService';
  
  declare var require: any;
  
  export function highchartsFactory() {
    const highcharts = require('highcharts');
    const highChartsMore = require('highcharts/highcharts-more');
    const solidGauge = require('highcharts/modules/solid-gauge');
    ChartModule.forRoot(require('highcharts'),
      require('highcharts/highcharts-more'),
      require('highcharts/modules/solid-gauge'));
    return highcharts;
  }
  </code></pre>