Cannot resolve module 'highcharts/highcharts-more' at the build (Gulp build)

Hi guys,

I have an issue at the compilation when i launch gulp build which is :

modulesModuleNotFoundError: Module not found: Error: Cannot resolve module 'highcharts/highcharts-more'
......
resolve module highcharts/highcharts-more in ..... node_modules/highcharts doesn't exist (module as directory)

However, i can see that angular2-highcharts is installed during the npm install (with Highcharts module)

For information i use Webpack. My vendor.js have these lines :

import 'highcharts';
import 'highcharts/highcharts-more';
import 'highcharts/modules/solid-gauge';
import 'highcharts/modules/map';

And in my .ts file i have :

import { Highcharts} from 'angular2-highcharts';

require('highcharts/highcharts-more')(Highcharts);
require('highcharts/modules/solid-gauge')(Highcharts)

I use Jenkins by the way. In my local environment the build works, but in the distant server the error occurs.

And i have no errors in my console when i run the app locally

Thanks !!

[oitejjho]

go to project directory and run “npm install highcharts”

[maxaster]

Thanks @Sfairet and @gevgeny for your responses !

@Sfairet, I tried your proposition but it’s change nothing for me.

@gevgeny, I 'm trying your version but I can’t make this import :

import * as HighchartsMore from 'highcharts/highcharts-more';

Webstorm tell me that the file ‘highcharts-more’ can not be resolved.

I check in the folder node_module/@types/highcharts/ and there is only highstock.d.ts.

There is one thing that I don’t understand. How my build can be work locally, on my computer, and no on my distant server… very strange. Sorry guys but this error make me so mad