__WEBPACK_IMPORTED_MODULE_4_moment__ is not a function when trying to use moment.js with typings #1974

Activity

1. rodikal commented on Sep 6, 2016

   

   rodikal

   on Sep 6, 2016

   Last edited by rodikal

   More actions

   the webpack version doesn't use typings anymore, see the 3rd party library installation section of the README file:

   npm install d3 --save
   npm install @types/d3 --save-dev
   
2. alejoar commented on Sep 7, 2016

   

   alejoar

   on Sep 7, 2016

   Author

   More actions

   @rodikal thank you, but that didn't work.

   After doing

   npm install moment --save
   npm install @types/moment --save-dev
   

   I still get the exact same error as before. What could I be doing wrong?
3. rodikal commented on Sep 8, 2016

   

   rodikal

   on Sep 8, 2016

   Last edited by rodikal

   More actions

   @alejoar I tested it again on a clean project, and for me it works.
   Did you start your project with angular-cli before the webpack version? Did you follow the upgrade manual?

   FYI, this is how I created my project:

   install/update angular-cli + create new project:

   npm install -g angular-cli@webpack
   ng new moment-test
   

   in the new project, I installed moment:

   cd moment-test
   npm install --save moment
   npm install --save-dev @types/moment
   

   finally I adapted app.compoment.ts to use moment:

   import { Component } from '@angular/core';
   import * as moment from 'moment';
   
   @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
     styleUrls: ['./app.component.css']
   })
   export class AppComponent {
     title = 'app works!' + moment().format();
   }
   

   finally, running ng serve and opening localhost:4200 and everything works fine.

   I've uploaded the project here: https://github.com/rodikal/moment-test
4. MrChoclate commented on Sep 14, 2016

   

   MrChoclate

   on Sep 14, 2016

   Last edited by MrChoclate

   More actions

   I got the same error.
   I also need to have moment as a global dependency for fullcalendar so I did:

         "scripts": [
           "../node_modules/jquery/dist/jquery.js",
           "../node_modules/moment/moment.js",
           "../node_modules/fullcalendar/dist/fullcalendar.min.js",
           "../node_modules/fullcalendar-scheduler/dist/scheduler.min.js"
         ]
   

   With moment in scripts I got __WEBPACK_IMPORTED_MODULE_4_moment__ is not a function. Without moment in scripts, fullcalendar does not work but moment works in *.ts file with import * as moment from 'moment';

   EDIT:

   angular-cli: 1.0.0-beta.11-webpack.9-4
   node: 6.4.0
   

   👍React with 👍1Reacted by Roberto Sarati
5. filipesilva commented on Sep 21, 2016

   

   filipesilva

   on Sep 21, 2016

   Contributor

   More actions

   Closing in favor of #2141 since it contains more detailed information on what appears to be the real problem.
6. filipesilva

   closed this as completedon Sep 21, 2016
7. Sabrinsulthana commented on Aug 14, 2018

   

   Sabrinsulthana

   on Aug 14, 2018

   More actions

   No this command is not working guys,
   Please let me know what is the
   TypeError: __WEBPACK_IMPORTED_MODULE_2_react_apollo___default(...) is not a function
   While, this error occurs after the npm start.
   I had tried with so many commands which had shared with this github issues....
   Then, I had rectify with the commands.
   Thanks in advance....
8. Vishnu4a7 commented on May 13, 2019

   

   Vishnu4a7

   on May 13, 2019

   More actions

   Hi Folks,

   i am facing below error. Can anyone help me on this please. i am using intro.js version version 1.1.1.

   ERROR TypeError: intro_js_intro_js__WEBPACK_IMPORTED_MODULE_3___default(...) is not a function

   Thanks in advance.
9. angular-automatic-lock-bot commented on Sep 9, 2019

   

   angular-automatic-lock-botbot

   on Sep 9, 2019

   More actions

   This issue has been automatically locked due to inactivity.
   Please file a new issue if you are encountering a similar or related problem.

   Read more about our automatic conversation locking policy.

   _{This action has been performed automatically by a bot.}
10. angular-automatic-lock-bot

    locked and limited conversation to collaborators on Sep 9, 2019
11. clydin

    added a commit that references this issue on Aug 29, 2023

    fix(@nguniversal/common-engine): ReferenceError: URL is not defined

    ...

    This issue will close once commit 09207ad is merged into the 'main' branch.

    09207ad