Weird error error in node_modules\source-map\lib\source-node.js

Nikhil_dhar123 · June 9, 2017, 12:57pm

ionic  serve --lab
[INFO] Starting app-scripts server: --lab --l --port 8100 --p 8100 --livereload-port 35729 --r 35729 --address 0.0.0.0 - Ctrl+C to cancel
[18:22:11]  watch started ...
[18:22:11]  build dev started ...
[18:22:11]  clean started ...
[18:22:11]  clean finished in 16 ms
[18:22:11]  copy started ...
[18:22:12]  transpile started ...
[18:22:15]  transpile finished in 3.30 s
[18:22:15]  preprocess started ...
[18:22:15]  deeplinks started ...
[18:22:15]  deeplinks finished in 114 ms
[18:22:15]  preprocess finished in 130 ms
[18:22:15]  webpack started ...

C:\Ionic Project\project\node_modules\source-map\lib\source-node.js:116
        node.add(nextLine.substr(0,mapping.generatedColumn));
                         ^

TypeError: Cannot read property 'substr' of undefined
    at Function.<anonymous> (C:\Ionic Project\project\node_modules\source-map\lib\source-node.js:116:26)
    at Array.forEach (native)
    at BasicSourceMapConsumer.SourceMapConsumer_eachMapping [as eachMapping] (C:\Ionic Project\project\node_modules\source-map\lib\source-map-consumer.js:155:14)
    at Function.SourceNode_fromStringWithSourceMap [as fromStringWithSourceMap] (C:\Ionic Project\project\node_modules\source-map\lib\source-node.js:80:24)
    at SourceMapSource.node (C:\Ionic Project\project\node_modules\webpack-sources\lib\SourceMapSource.js:42:20)
    at ReplaceSource.node (C:\Ionic Project\project\node_modules\webpack-sources\lib\ReplaceSource.js:69:29)
    at CachedSource.node (C:\Ionic Project\project\node_modules\webpack-sources\lib\CachedSource.js:12:23)
    at C:\Ionic Project\project\node_modules\webpack-sources\lib\ConcatSource.js:40:49
    at Array.map (native)
    at ConcatSource.node (C:\Ionic Project\project\node_modules\webpack-sources\lib\ConcatSource.js:39:60)

rapropos · June 9, 2017, 8:31pm

Do you have any files that contain multiple components in them?

Nikhil_dhar123 · June 12, 2017, 8:56am

no actually I am using angular2-color-picker whenever I use this in module.ts it will give me this error

rapropos · June 12, 2017, 8:46pm

Looks to me like the answer would be yes actually.

Nikhil_dhar123 · June 13, 2017, 3:51am

this is my app.module.ts plz check once

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { HttpModule } from '@angular/http';
import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { VideoPlayer } from '@ionic-native/video-player';
import { LoginPage } from '../pages/login/login';

import { ForgotPasswordModalPage } from '../pages/forgot-password-modal/forgot-password-modal';
import { OtpPage } from '../pages/otp/otp';
import { ImageModalPage } from '../pages/image-modal/image-modal';
import { ColorsPickerPage } from '../pages/colors-picker/colors-picker';

import { SearchPage } from '../pages/search/search';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { LoginProvider } from '../providers/login/login';
import { PathProvider } from '../providers/path/path';
import { SignaturePadModule } from 'angular2-signaturepad';
import { IonicStorageModule } from '@ionic/storage';
import { File } from '@ionic-native/file';
import { Transfer } from '@ionic-native/transfer';
import { FilePath } from '@ionic-native/file-path';
import { Camera } from '@ionic-native/camera';
//import {ColorPickerModule} from 'angular2-color-picker'
import { MediaCapture } from '@ionic-native/media-capture';
//import { SqliteProvider } from '../providers/sqlite/sqlite';

// @NgModule({
//     imports: []
// })
import { Network } from '@ionic-native/network';
@NgModule({
  declarations: [
    MyApp,
    HomePage,
    LoginPage,
    ForgotPasswordModalPage,
    OtpPage,
    SearchPage,
    ImageModalPage,
    ColorsPickerPage,
    
  ],

  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    SignaturePadModule,    
    HttpModule,    
    IonicStorageModule.forRoot(),
  
  ],

  bootstrap: [IonicApp],

  entryComponents: [
    MyApp,
    HomePage,
    LoginPage,
    SearchPage,
ForgotPasswordModalPage,
OtpPage,
ColorsPickerPage,
ImageModalPage
  ],

  providers: [
   File,
    Transfer,
    Camera,
    FilePath,
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    LoginProvider,
    PathProvider,
    VideoPlayer,
    MediaCapture,
    Network,
   //SqliteProvider,    
  ]
})
export class AppModule {}

if I dont include that ColorPickerModule it will work fine

rapropos · June 13, 2017, 4:26am

You’re not listening to what I’m saying.

Nikhil_dhar123 · June 13, 2017, 4:36am

hey actually I am not getting that where to look for multiple components because if I would have include that in any page it would have display error so plz is there any where particular to look plz suggest

SigmundFroyd · June 13, 2017, 5:02am

I have no personal experience with any of this, but in one of the Github issues of the referenced Github project somebody linked to this:

Which claims to be an NG4 and AOT compatible version of the original. I’d recommend trying out this one.

Nikhil_dhar123 · June 13, 2017, 9:21am

hi I have checked this , once if u go to the application demo and then to github this is same angular2-color-pixer

SigmundFroyd · June 13, 2017, 2:54pm

If you look at the commit history you can see that they’re certainly different repositories, and in this case I’m pretty sure they forgot to update the link on the demo page.

Nikhil_dhar123 · June 13, 2017, 3:20pm

Hmm not getting but how do I get rid of this and will able to use Ionic color picker

Nikhil_dhar123 · June 14, 2017, 6:23am

hey still not able to get through this plz help and actually I am not using this do I have to use this

github.com

Alberplz/angular2-color-picker/blob/master/lib/color-picker.directive.ts

import {Component, OnChanges, Directive, Input, Output, ViewContainerRef, ElementRef, EventEmitter, OnInit, ViewChild} from '@angular/core';
import {ColorPickerService} from './color-picker.service';
import {Rgba, Hsla, Hsva, SliderPosition, SliderDimension} from './classes';
import {NgModule, Compiler, ReflectiveInjector} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

@Directive({
    selector: '[colorPicker]',
    host: {
        '(input)': 'changeInput($event.target.value)',
        '(click)': 'onClick()'
    }
})
export class ColorPickerDirective implements OnInit, OnChanges {
    @Input('colorPicker') colorPicker: string;
    @Output('colorPickerChange') colorPickerChange = new EventEmitter<string>(true);
    @Input('cpToggle') cpToggle: boolean;
    @Output('cpToggleChange') cpToggleChange = new EventEmitter<boolean>(true);
    @Input('cpPosition') cpPosition: string = 'right';
    @Input('cpPositionOffset') cpPositionOffset: string = '0%';

This file has been truncated. show original

rapropos · June 14, 2017, 6:45am

@SigmundFroyd is much smarter and knowledgeable than I am, so you should listen to him.

Nikhil_dhar123 · June 14, 2017, 6:52am

then – is there any way to get rid of this error plz suggest

SigmundFroyd · June 14, 2017, 11:17pm

Did you try the repository I linked to? Despite the wrong link on the demo page it is actually a different repository, and one that has been updated recently as well as claiming to be NG4 and AOT compatible.

Nikhil_dhar123 · June 15, 2017, 5:57am

hi
I am actually not getting how to use this ngx-color-picker…
and how do I install this one …I think I am thinking in wrong way plz help me to clear my doubts
thanks

SigmundFroyd · June 15, 2017, 6:01am

You can install it via the command:
npm i --save ngx-color-picker

Then from what I can tell, you use it in exactly the same way as the original one, which appears to adding <input> to your template, such as:
<input [(colorPicker)]="color" [style.background]="color"/>

Nikhil_dhar123 · June 15, 2017, 6:02am

ohh thanks so I just have to install this thats it no cordova plugin and not declaration of this in app module right ???

SigmundFroyd · June 15, 2017, 6:05am

No cordova plugin, but you will need to import ColorPickerModule into your app module.

import { ColorPickerModule } from 'ngx-color-picker';

imports: [
   ...
   ColorPickerModule
],

Nikhil_dhar123 · June 15, 2017, 6:12am

yes sure
actually I already have kept there before installing ngx the above error was coming will check now

Topic		Replies	Views
Suddenly got a error Source Map ionic-v3	2	579	April 28, 2017
Updated App Scripts Error ionic-v3	4	1709	January 5, 2017
TypeError: cannot read property 'toString' of undefined with ionic serve ionic-v3	6	4971	February 25, 2019
Can not read property 'substr' of undefined ionic-v3	1	552	June 5, 2021
[ng] ERROR in Cannot read property 'map' of undefined Ionic Framework	5	2676	May 23, 2020

Weird error error in node_modules\source-map\lib\source-node.js

Related topics