Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 16 14:49
    fokusferit edited #3320
  • Oct 16 14:49
    netlify[bot] commented #3320
  • Oct 16 14:47
    fokusferit edited #3320
  • Oct 16 14:46
    fokusferit edited #3320
  • Oct 16 14:46
    fokusferit opened #3320
  • Oct 16 08:30
    Eng-FerasAhmad starred webpack/docs
  • Oct 16 02:49
    montogeek commented #3318
  • Oct 16 02:49
    montogeek labeled #3318
  • Oct 15 14:20
    jsf-clabot commented #2816
  • Oct 15 14:20
    jsf-clabot commented #3317
  • Oct 15 14:20
    jsf-clabot commented #2373
  • Oct 15 14:20
    jsf-clabot commented #2469
  • Oct 15 14:20
    jsf-clabot commented #2708
  • Oct 15 09:20
    sokra labeled #3319
  • Oct 15 09:19
    webpack-bot opened #3319
  • Oct 15 09:03
    jsf-clabot commented #2464
  • Oct 15 09:03
    jsf-clabot commented #2469
  • Oct 15 09:03
    jsf-clabot commented #3318
  • Oct 15 09:03
    jsf-clabot commented #2642
  • Oct 15 09:03
    jsf-clabot commented #3292
Wes Higbee
@g0t4
@jessepinho maybe try the latest version? it's working in 3.5.5 for me
Cassiano Kuplich
@caskuplich
Hi, everyone! I think that there is an issue with the travis build after pull requests to webpack.js.org repo. The last 4 PRs failed with the message: "No output has been received in the last 10m0s, this potentially indicates a stalled build or something wrong with the build itself."
Anyone here can help with this issue?
Greg Venech
@skipjack

Hey, yeah there's an issue we're having with travis' network when doing our link checking via the hyperlink package. We are working on fix.

Please still submit PRs and hopefully we'll get that resolved soon. I may still merge a bunch of PRs tonight as the failures are mostly due to that network issue.

Cassiano Kuplich
@caskuplich
Thanks @skipjack !
Chris Chinchilla
@ChrisChinchilla
Had a lot of work and travel, will be back on some PRs soon :)
texirv0203
@texirv0203
@all I tried so many ways but still I am not able to achieve...can you help me https://stackoverflow.com/questions/46386120/typeerror-cannot-read-property-user-mainvalue-of-undefined
Greg Venech
@skipjack
@texirv0203 this isn't a support channel for miscellaneous issues, it's specifically for webpack.js.org (webpack docs) discussion.
Stack Overflow is a better place for your questions as they don't seem to apply directly to webpack or its documentation.
jonbonraki
@jonbonraki
hello folks, is there any suggestions on how to handle a angular 4 app on different environments? for pointing our apis to different rest versions such as prod, qa and dev using yaml or env.ts?
Greg Venech
@skipjack
@jonbonraki the main webpack/webpack channel is better for these sorts of questions but I think what you want is the DefinePlugin
it allows you to expose globals that you can use throughout the rest of your app -- e.g. you could expose an ENV variable and key off of that
jonbonraki
@jonbonraki
@skipjack awesome, thanks
Greg Venech
@skipjack
np
texirv0203
@texirv0203

hi,

  • I am trying to learn rxjs.
  • I have a simple application retrieving values from api through rxjs.
  • I am trying to achieve Set token expiration to 2 minutes and if backend service responds with a 'Unauthorized' error, get the token again and use it.
  • can you guys tell me how to add it to my code.
  • providing my code below.

http://jsfiddle.net/5n7qdcx7/

Rx.Observable.fromPromise($.getJSON('https://api.github.com/users'))
                .subscribe(users => {
                    console.log('users ready', users);

                    $('.pai-del-menu').hide();
                    var grid = $("#grid").kendoGrid({
                        dataSource: {
                            data:
Nine
@wjf444128852
Hi,guys!how to use pug-loader by webpack?
texirv0203
@texirv0203

hi,

  • initialy when I go sports.com and from there if I go to players it works fine.
  • after that in the same players url if I enter I am getting the below error message.
  • any idea how to fix in js

http://sports.com/players/playersJumping


Error

HTTP Status 404Not Found

Type Status Report

Message /players/playersJumping

Description The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.

Apache Tomcat/8.5.23
jonbonraki
@jonbonraki
image.png
hello folks, are they any suggestions on generating relative path varibale to make an import look like from image to
import { ApiService } from '@app/services/api-service/api.service';
for ts files
and less files which import files
texirv0203
@texirv0203

hi,
I am trying to add another condition to my if statement.
If I click the Danger button only I should execute the below if condition.
so I pasted this method playerJumping() in the if statment.

can you tell me how to fix it.
both html and typescript are in separate file


player.html
<li [hidden]="DangerVisible"><a [class.disabled]="DangerDisable" (click)="playerJumping()" href="javascript:;" class="playerSpeakingDangerBtn">Danger</a></li><li [class.DangerHidden]="DangerVisible">



player.ts
if (soccerNetworkCount > 1 && soccerDayCount > 1 && soccerNetworkCount == networkInt && playerJumping()) {
                        networkInt = 1;
                        $('.nationalTransposeView .k-playerSpeakingr-layout > tbody > tr:last-child .k-playerSpeakingr-times > .k-playerSpeakingr-table > tbody > tr').eq(row).css({ "border-bottom-color": "#ffccdd" });
                        $('.nationalTransposeView .k-playerSpeakingr-content > .k-playerSpeakingr-table > tbody > tr').eq(row).find('td').css({ "border-bottom-color": "#ffccdd" });
                    } else {
                        networkInt += 1;
                    }
Smilelove
@SmileLxy
Hello everyone
texirv0203
@texirv0203
hi,
do you guys know any open source end user web tracking tool
texirv0203
@texirv0203

hi,

  • I am using appdyanmics in my app for monitoring user activity.
  • but the problem is it doesnt show how much time user has clicked the button.
  • so using rxjs I have wrote a click event.
  • this click event shows the mouse event and how to pass this mouse event in appdyanmics payload, so that I can generate a report usimg appdyanmics.
  • providing my code changes below

appdyanmics Reference links:

https://docs.appdynamics.com/display/PRO42/Extend+the+JavaScript+Agent+for+Single+Page+Applications+%28SPAs%29+in+Browser+RUM
https://docs.appdynamics.com/display/PRO42/Single+Page+Applications+in+Browser+RUM+-+AngularJS

sample appdynamics angular app https://github.com/derrekyoung/appd-sampleapp-angular2

<script src="https://cdn.appdynamics.com/adrum/adrum-latest.js"></script>

app.component.ts


import { Component } from '@angular/core';
import {Subject} from 'rxjs/Subject';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'AppDynamics Sample App for Angular 2';

    click = new Subject();

    ngOnInit() {
      this.click.subscribe(console.log);
    }


}

app.component.html


<h1>
  {{title}}
</h1>

<header>
  <div>

    <!-- Navigation with router directives-->
    <nav>
      <a [routerLink]="['/']">Home</a>
      <a [routerLink]="['/names']">Names</a>
      <a [routerLink]="['/posts']">Posts</a>
      <a [routerLink]="['/photos']">Photos</a>
    </nav>
  </div>
  <div>
    <!-- <button (click)="new Subject()" type="button">Click Me!</button> -->

    <button (click)="click.next($event)">Click Me!</button> 
  </div>

</header>


<router-outlet></router-outlet>

appdynamics request payload


{
  "vr": "4.4.1.154",
  "dt": "R",
  "rg": "0",
  "es": [{
    "eg": "1",
    "et": 2,
    "eu": "0://1/2/",
    "ts": 1515610064377,
    "mg": "2",
    "au": "0://3/",
    "at": 3,
    "pp": 3,
    "mx": {
      "PLC": 1,
      "FBT": 48,
      "DDT": 0,
      "DPT": 4,
      "PLT": 52,
      "ARE": 0
    },
    "md": "GET",
    "xs": 200,
    "si": 18
  }],
  "ai": "d4e7ef50_b4f3_1dd7_5cdf_49a60ff5635d",
  "gs": ["bbe438d0_0c94_63d9_2c22_700343b560b5", "cde9c933_e332_41ce_9333_5021c1502265", "4e6a7f03_4588_49e2_6c25_d8a3a1f3fe90"],
  "up": ["http", "jsonplaceholder.typicode.com", "users", "localhost:4200"]
}
texirv0203
@texirv0203

hi,

  • In the sample angular app I included intercom.
  • but I am getting an error ---> Uncaught ReferenceError: Intercom is not defined
  • can you tell me how to fix it.
  • providing my code snippet below.
  • even I updated with the APP_ID still same problem.
  • any idea how to fix it

Intercom : https://docs.intercom.com/install-on-your-product-or-site/quick-install/install-intercom-on-your-web-app-for-logged-in-users
sample angular app: https://github.com/derrekyoung/appd-sampleapp-angular2

  <script>
        //let attributes=this.nbcuService.getSeesionStorageValue();
        //console.log("attributes--->" + attributes);
        Intercom('trackEvent', 'share-link');

        window.intercomSettings = {
            app_id: 'APP_ID',
            name: "Jane Doe", // Full name
            email: "customer@example.com", // Email address
            created_at: 1312182000 // Signup date as a Unix timestamp
        };
    </script>

    <script>
        (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/APP_ID';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()
    </script>
texirv0203
@texirv0203

hi,

  • right now I am passing hard coded value for my name.
  • I am trying to pass the dynamic username for my name key inside my scriprt tag from sportsService.
  • its working fine in my ts file.
  • but its not working fine in my html file.
  • I am getting an error. ---> Uncaught TypeError: Cannot read property 'marksSession' of undefined
  • can you guys tell me how to pass inside script tag of .html.
  • providing my code below

index.html


    <script>
        (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/APP_ID';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()
    </script>

    <script>
        let players=this.sportsService.marksSession();
        console.log("players--->" + players);
        if(players) {
            this.userId = players.user_players.SSO[0];
        }

        Intercom('trackEvent', 'share-link');

        window.intercomSettings = {
            app_id: 'APP_ID',
            name: "Jane Doe", // Full name
            email: "customer@example.com", // Email address
            created_at: 1312182000 // Signup date as a Unix timestamp
        };
    </script>

sports.ts


import { sportsService } from '../../services/sports.service';

constructor(public sportsService : sportsService){

}

ngOnInit() {    

        let that =this;
        let players=this.sportsService.marksSession();
        if(players) {
            this.userId = players.user_players.SSO[0];
        }
}
BASAVANAGOUDA S PATIL
@bspatil0001
I am trying upgrade to web pack 4.4.1 from 4.1.1. npm install webpack@4.4.1 is not working! Can anyone help on this??
Vilva Athiban P B
@vilvaathibanpb
@vilvaathibanpb
Hello,
I have babelrc, babel presets in place and I tried migrating to webpack 4 recently which on minification of build (using uglify plugin) gives a set of junk values in the minified files
any thought on this?
Jasdeep Singh
@jasdeep92
https://thechosenones.wooplr.com/collection/4580957858430976/ethnic-campaign-399 .................Hey people....just managed to get this up and working......please have a check
Andrew Macrae
@adventmedia
Where do I find documentation for previous releases of Webpack? Specifically, 3.5?
Minanshu Singh
@kryptokinght
So i was going through the source code of the Tapable class which is the backbone of the entire plugin system of webpack. Webpack itself is made up of 100 of plugins that hook up to this event system. I was ASKING, which Javascript desgin pattern was followed in writing the Webpack source code?
corradomatt
@corradomatt
Hello! Finally learning webpack and following the guides but for some reason things aren't working as expected for the code splitting guide - https://webpack.js.org/guides/code-splitting/ - instead of getting 2 bundles, 1 app and 1 lodash, I get only 1 app bundle. Is the guide out of date?
Greg Venech
@skipjack
@kryptokinght I recommend reaching out to @TheLarkInn to ask about code styling
@corradomatt it may be based on webpack 3. There were definitely some code splitting related changes in v4.
corradomatt
@corradomatt
Thanks @skipjack - that may be. I moved onto https://webpack.js.org/guides/lazy-loading/ and things seem to be splitting properly....so maybe there was an issue with my code.
Greg Venech
@skipjack
@montogeek you on this thread? I try to pop on when I can but it may be worth finding a contributor or two who want to help and can provide advice/pointers. Unfortunately I think a lot of stuff goes unanswered.. we could also consider just dropping this thread and pointing ppl to the main webpack Gitter since I think that ones a little more active.
@corradomatt np, glad you’re finding at least some of the guides helpful 😁. Webpack has a broad public API so keeping the docs up to date isn’t always easy.
corradomatt
@corradomatt
Totally get it @skipjack - thanks again.
Rozaev Viktor
@vrozaev
line [function] The function, which can return filename [string]
I don't understand how I can specify this funcition
Jauhar
@jbasrai
Hi! I'm going through the caching docs (https://webpack.js.org/guides/caching/). In the "Module Identifiers" section it says that the manifest bundle was changed. However, there is no previous mention of the manifest bundle in the docs, so it's a bit confusing. Is this instead perhaps supposed to be the runtime bundle that was extracted earlier?
Mikhadziuk Pavel
@duza
hi guys. Where do I can find documentation for webpack version "3.10.0"?
Kiura
@Kiura
Hello everyone, I have spent 2-3 hours trying to figure out how to compile a library (es6) to work in a browser, react, angular, nodejs. (searched all over the internet)
The library is fairly simple (text manipulations so should work everywhere).
Just as an example :
import uuidv4 from 'uuid'

export default class Str() {
    constructor({
        data={},
    }={}) {
        this.data = data
        this.uuid = uuidv4()
    }
    Data() {
        return this.data
    }
    UUID() {
        return this.uuid
    }
}
edwardj2
@edwardj2
Hey guys I need pakala app for Android any help from you guys
Carlo Ascani
@2pxsolidblack_gitlab
Hi all, is there an online browseable version of webpack 3.6.0 documentation ?