sourcemap(s) are causing warnings #18

sspilleman · 2016-05-13T07:49:35Z

workaround:

put this in webpack config file

    module: {
        preLoaders: [
            {
                test: /\.js$/,
                loader: 'source-map-loader',
                exclude: [
                    // these packages have problems with their sourcemaps
                    path.join(__dirname, 'node_modules', 'angular2-highcharts')
                ]
            }
        ],
        noParse: []
    }

list of warnings:

webpack: bundle is now INVALID.
chunk    {0} app.bundle.js, app.map (app) 1.54 MB {2} [rendered]
chunk    {1} polyfills.bundle.js, polyfills.map (polyfills) 485 kB
chunk    {2} vendor.bundle.js, vendor.map (vendor) 1.79 MB {1}

WARNING in ./~/angular2-highcharts/dist/index.js
Cannot find source file '../src/index.ts': Error: Cannot resolve 'file' or 'directory' ../src/index.ts in /Volumes/Data/Dropbox/Development/Node/ng2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/ChartComponent.js
Cannot find source file '../src/ChartComponent.ts': Error: Cannot resolve 'file' or 'directory' ../src/ChartComponent.ts in /Volumes/Data/Dropbox/Development/Node/ng2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/ChartSeriesComponent.js
Cannot find source file '../src/ChartSeriesComponent.ts': Error: Cannot resolve 'file' or 'directory' ../src/ChartSeriesComponent.ts in /Volumes/Data/Dropbox/Development/Node/ng2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/ChartPointComponent.js
Cannot find source file '../src/ChartPointComponent.ts': Error: Cannot resolve 'file' or 'directory' ../src/ChartPointComponent.ts in /Volumes/Data/Dropbox/Development/Node/ng2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/Highcharts.js
Cannot find source file '../src/Highcharts.ts': Error: Cannot resolve 'file' or 'directory' ../src/Highcharts.ts in /Volumes/Data/Dropbox/Development/Node/ng2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/HighchartsService.js
Cannot find source file '../src/HighchartsService.ts': Error: Cannot resolve 'file' or 'directory' ../src/HighchartsService.ts in /Volumes/Data/Dropbox/Development/Node/ng2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/initChart.js
Cannot find source file '../src/initChart.ts': Error: Cannot resolve 'file' or 'directory' ../src/initChart.ts in /Volumes/Data/Dropbox/Development/Node/ng2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/createBaseOpts.js
Cannot find source file '../src/createBaseOpts.ts': Error: Cannot resolve 'file' or 'directory' ../src/createBaseOpts.ts in /Volumes/Data/Dropbox/Development/Node/ng2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/deepAssign.js
Cannot find source file '../src/deepAssign.ts': Error: Cannot resolve 'file' or 'directory' ../src/deepAssign.ts in /Volumes/Data/Dropbox/Development/Node/ng2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/ChartEvent.js
Cannot find source file '../src/ChartEvent.ts': Error: Cannot resolve 'file' or 'directory' ../src/ChartEvent.ts in /Volumes/Data/Dropbox/Development/Node/ng2-seed/node_modules/angular2-highcharts/dist
webpack: bundle is now VALID.

The text was updated successfully, but these errors were encountered:

sspilleman · 2016-05-14T11:06:12Z

I see jou closed it.. How did you solve this? For some reason I don't see the fix?!?

gevgeny · 2016-05-14T13:18:46Z

You didn't specify any details when created the issue first time #10. There are no steps and info about you env, bundler etc.

sspilleman · 2016-05-14T15:15:52Z

git clone https://github.com/angular/angular2-seed.git
cd angular2-seed/
npm install
npm install angular2-highcharts --save
modify files as below
npm start

about.ts:

import {Component} from '@angular/core';
import {Http} from '@angular/http';
import { CHART_DIRECTIVES } from 'angular2-highcharts';

@Component({
  selector: 'about',
  templateUrl: 'app/components/about/about.html',
  styleUrls: ['app/components/about/about.css'],
  providers: [],
  directives: [CHART_DIRECTIVES],
  pipes: []
})
export class About {

  private options: Object;

  constructor(http: Http) {
    this.options = {
      title: { text: 'simple chart' },
      series: [{
        data: [29.9, 71.5, 106.4, 129.2],
      }]
    };
  }

  ngOnInit() {

  }
}

about.html

<h3>About Component</h3>
<p>This is the about component!</p>
<chart [options]="options"></chart>

warnings:

WARNING in ./~/angular2-highcharts/dist/index.js
Cannot find source file '../src/index.ts': Error: Cannot resolve 'file' or 'directory' ../src/index.ts in /private/tmp/angular2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/ChartComponent.js
Cannot find source file '../src/ChartComponent.ts': Error: Cannot resolve 'file' or 'directory' ../src/ChartComponent.ts in /private/tmp/angular2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/ChartSeriesComponent.js
Cannot find source file '../src/ChartSeriesComponent.ts': Error: Cannot resolve 'file' or 'directory' ../src/ChartSeriesComponent.ts in /private/tmp/angular2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/ChartPointComponent.js
Cannot find source file '../src/ChartPointComponent.ts': Error: Cannot resolve 'file' or 'directory' ../src/ChartPointComponent.ts in /private/tmp/angular2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/Highcharts.js
Cannot find source file '../src/Highcharts.ts': Error: Cannot resolve 'file' or 'directory' ../src/Highcharts.ts in /private/tmp/angular2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/HighchartsService.js
Cannot find source file '../src/HighchartsService.ts': Error: Cannot resolve 'file' or 'directory' ../src/HighchartsService.ts in /private/tmp/angular2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/initChart.js
Cannot find source file '../src/initChart.ts': Error: Cannot resolve 'file' or 'directory' ../src/initChart.ts in /private/tmp/angular2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/createBaseOpts.js
Cannot find source file '../src/createBaseOpts.ts': Error: Cannot resolve 'file' or 'directory' ../src/createBaseOpts.ts in /private/tmp/angular2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/deepAssign.js
Cannot find source file '../src/deepAssign.ts': Error: Cannot resolve 'file' or 'directory' ../src/deepAssign.ts in /private/tmp/angular2-seed/node_modules/angular2-highcharts/dist

WARNING in ./~/angular2-highcharts/dist/ChartEvent.js
Cannot find source file '../src/ChartEvent.ts': Error: Cannot resolve 'file' or 'directory' ../src/ChartEvent.ts in /private/tmp/angular2-seed/node_modules/angular2-highcharts/dist

pevans360 · 2016-07-27T00:15:37Z

Note the paths in the message e.g. '../src/ChartEvent.ts'. If you look in the angular2-highcharts folder in node_modules, you'll notice 3 issues:

there's no src folder ... just dist
there are no xxx.ts files ... just xxx.js and xxx.d.ts
the references refer to the same folder ... not one up in the tree ... so the '../' is an issue

If you go into each of the the map files and change e.g.
{"version":3,"file":"deepAssign.js","sourceRoot":"","sources":["../src/deepAssign.ts"]
to
{"version":3,"file":"deepAssign.js","sourceRoot":"","sources":["deepAssign.js"]

... the messages go away ... and it works.

skyrocknroll · 2016-10-10T06:55:26Z

@gevgeny We are also facing this issue. Can you please reopen it ? If you need further details i am ready help.

gevgeny · 2016-10-30T21:11:30Z

try v0.4.0

wouterter · 2016-11-21T11:07:07Z

The problem still exists in 0.4.1 with the Webpack starter. I get a lot of these warnings, for example:

Cannot find source file '../src/ChartXAxisComponent.ts': Error: Can't resolve '../src/ChartXAxisComponent.ts'.

tsabran · 2016-11-23T14:07:32Z

I also still have the issue with v0.4.1, which I can fix by manually applying the patch from pevans306 / Raymice on my node_modules/angular2-highcharts/dist.

So I guess PR #100 is still applicable.

tsabran · 2016-11-23T15:03:33Z

Actually the PR #100 is changing the map files in dist directory, that are regenerated at build time, so I guess it's not an option.

I don't understand how the map files are generated, but if they are referencing the .ts files in ../src/ directory, maybe the simpler would be to ship the src folder in the npm package, so that the map files can be valid.
@gevgeny what do you think of this option ?

gevgeny closed this as completed May 13, 2016

gevgeny reopened this Oct 10, 2016

gevgeny closed this as completed Oct 30, 2016

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

sourcemap(s) are causing warnings #18

sourcemap(s) are causing warnings #18

sspilleman commented May 13, 2016

sspilleman commented May 14, 2016

gevgeny commented May 14, 2016 •

edited

Loading

sspilleman commented May 14, 2016

pevans360 commented Jul 27, 2016

skyrocknroll commented Oct 10, 2016

gevgeny commented Oct 30, 2016 •

edited

Loading

wouterter commented Nov 21, 2016

tsabran commented Nov 23, 2016

tsabran commented Nov 23, 2016

sourcemap(s) are causing warnings #18

sourcemap(s) are causing warnings #18

Comments

sspilleman commented May 13, 2016

sspilleman commented May 14, 2016

gevgeny commented May 14, 2016 • edited Loading

sspilleman commented May 14, 2016

pevans360 commented Jul 27, 2016

skyrocknroll commented Oct 10, 2016

gevgeny commented Oct 30, 2016 • edited Loading

wouterter commented Nov 21, 2016

tsabran commented Nov 23, 2016

tsabran commented Nov 23, 2016

gevgeny commented May 14, 2016 •

edited

Loading

gevgeny commented Oct 30, 2016 •

edited

Loading