Giter VIP home page Giter VIP logo

Comments (14)

aitboudad avatar aitboudad commented on May 30, 2024 1

sorry in alpha.14

from ngx-loading-bar.

aitboudad avatar aitboudad commented on May 30, 2024

Hi, just published a new package for HttpClient, just import LoadingBarHttpClientModule from @ngx-loading-bar/http-client

import { LoadingBarHttpClientModule } from '@ngx-loading-bar/http-client';

@NgModule({
  ...
  imports: [
    BrowserModule,
    LoadingBarHttpClientModule,
  ],
})
export class AppModule {
}

from ngx-loading-bar.

Tolitech avatar Tolitech commented on May 30, 2024

Thanks for the quick feedback.
I'll test it later more calmly.
Even though I change the components, it still does not display.

I'll see what it can be.
Thank you very much.

from ngx-loading-bar.

aitboudad avatar aitboudad commented on May 30, 2024

make sure that HttpClient and LoadingBar modules is not part of your shared module see #14 (comment) for more details.

from ngx-loading-bar.

Tolitech avatar Tolitech commented on May 30, 2024

Sorry to disturb you.

In my project that has several modules, was already working and I just changed the old component for the new one. And it does not appear.

So I decided to create a new project, clean, and I do not know why, but it also does not appear.

At first I thought it was CSS, but the component does not change its state as it used to.

Source code:
https://stackblitz.com/edit/angular-nogk9s

App:
https://angular-nogk9s.stackblitz.io

from ngx-loading-bar.

aitboudad avatar aitboudad commented on May 30, 2024

fixed now, just update into 1.0.0-alpha.3 version, for style it seems stackblitz doesn't apply it not sure why.

from ngx-loading-bar.

Tolitech avatar Tolitech commented on May 30, 2024

This is perfect.
Now it's working.
Thank you very much.

from ngx-loading-bar.

Tolitech avatar Tolitech commented on May 30, 2024

Hello, @aitboudad .
How are you?

Was there any recent change in the library that made it stop working?

The impression I have is that the triggered services can no longer be identified.

The html tag
<ngx-loading-bar> <! -- bindings = { "ng-reflect-ng-if": "false" } -- > </ngx-loading-bar> does not even move.

It worked perfectly until those days.
I realized today that the loading-bar had stopped being displayed.

I even tried to go back to version 1.0.0-alpha.3 that worked for me since the last change.
But no more appeared the loading-bar.

Any changes in the version of Angular?

Thanks.

from ngx-loading-bar.

aitboudad avatar aitboudad commented on May 30, 2024

Hi, I'm good :)
Recently some deprecated methods was removed in LoadingBarService (only relevant if you use LoadingBarService see CHANGELOG.md) + a new demo example which cover all existing features.
Except that I don't see any changes that may break your app.

from ngx-loading-bar.

Tolitech avatar Tolitech commented on May 30, 2024

Hi, @aitboudad .
Something has happened in version 12 that stopped loading on my system.

I ran a npm list and realized that until version 11, the library works perfectly.

Already in version 12 it stops to display the loading-bar.

To simulate, I had to delete the package-lock.json file and manually test the versions, changing to fixed versions such as "ngx-loading-bar/http-client": "1.0.0-alpha.11".

Even version 11 worked perfectly.
Then version 12 and finally version 13 no longer display the loading-bar.

What do you think it could be?

Thank you.

image

image

image

from ngx-loading-bar.

aitboudad avatar aitboudad commented on May 30, 2024

I have no idea what's going wrong there and it's hard to figure out the issue without a reproduction, try to debug inside ngx-loading-bar:

  1. node_modules/@ngx-loading-bar/http-client/@ngx-loading-bar/http-client.es5.js check if this.loadingBar.start is called
  2. node_modules/@ngx-loading-bar/core/@ngx-loading-bar/core.es5.js check if this.start called too

If you can provide me a repro using https://stackblitz.com/edit/angular-sypacw it would nice!

from ngx-loading-bar.

Tolitech avatar Tolitech commented on May 30, 2024

Hello, @aitboudad.
I got the project I have used to maintain exactly the same structure.
I just erased everything I thought was unnecessary.

I tried to leave the code as clean as possible.
The smallest possible code.

If you download the code (angular-cli) of this link that I am passing you, you can simulate exactly the same problem.

http://www.codegenerator.com.br/downloads/angular-cli.zip

If you keep the alpha.11 version the loading-bar will work perfectly.
If you keep the alpha.12 or alpha.13 versions the loading-bar will no longer be displayed.

Do not forget to delete the package-lock.json file when you switch from one version to another. Otherwise the package will keep the latest installed.

Thank you in advance for your attention.

image

image

image

image

from ngx-loading-bar.

aitboudad avatar aitboudad commented on May 30, 2024

fixed in alpha.12

from ngx-loading-bar.

Tolitech avatar Tolitech commented on May 30, 2024

thank you so much.

from ngx-loading-bar.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.