Spotube does not show anything and cant login to spotify.

[maker-lukas]

Is there an existing issue for this? (Please read the description)

• I have searched the existing issues

Current Behavior

When i open spotube it only shows like the UI but does not show any songs nor playlists. And when i try to login to spotify it opens another window to login but its blank nothing shows on it.

Expected Behavior

the songs and playlists should be a peering on the homepage. And i should be able to login to spotify.

Steps to reproduce

1. I open Spotube
2. Spotube opens but there are no songs nor playlists.
3. try to login to spotify
4. the window to login opens but its blank.

Logs

Logs

<terMixin.layoutChild (package:flutter/src/widgets/overlay.dart:1002)
#710    _RenderTheater.performLayout (package:flutter/src/widgets/overlay.dart:1311)
#711    RenderObject.layout (package:flutter/src/rendering/object.dart:2608)
#712    RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:111)
#713    RenderObject.layout (package:flutter/src/rendering/object.dart:2608)
#714    RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:111)
#715    RenderObject.layout (package:flutter/src/rendering/object.dart:2608)
#716    ChildLayoutHelper.layoutChild (package:flutter/src/rendering/layout_helper.dart:61)
#717    RenderStack._computeSize (package:flutter/src/rendering/stack.dart:595)
#718    RenderStack.performLayout (package:flutter/src/rendering/stack.dart:622)
#719    RenderObject.layout (package:flutter/src/rendering/object.dart:2608)
#720    RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:111)
#721    RenderObject.layout (package:flutter/src/rendering/object.dart:2608)
#722    RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:111)
#723    RenderObject.layout (package:flutter/src/rendering/object.dart:2608)
#724    RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:111)
#725    RenderObject.layout (package:flutter/src/rendering/object.dart:2608)
#726    RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:111)
#727    RenderObject.layout (package:flutter/src/rendering/object.dart:2608)
#728    RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:111)
#729    RenderObject.layout (package:flutter/src/rendering/object.dart:2608)
#730    RenderProxyBoxMixin.performLayout (package:flutter/src/rendering/proxy_box.dart:111)
#731    RenderObject.layout (package:flutter/src/rendering/object.dart:2608)
#732    RenderView.performLayout (package:flutter/src/rendering/view.dart:281)
#733    RenderObject._layoutWithoutResize (package:flutter/src/rendering/object.dart:2446)
#734    PipelineOwner.flushLayout (package:flutter/src/rendering/object.dart:1052)
#735    PipelineOwner.flushLayout (package:flutter/src/rendering/object.dart:1065)
#736    RendererBinding.drawFrame (package:flutter/src/rendering/binding.dart:602)
#737    WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:1164)
#738    RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:468)
#739    SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1397)
#740    SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1318)
#741    SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:1176)
#742    _rootRun (dart:async/zone.dart:1399)
#743    _CustomZone.run (dart:async/zone.dart:1301)
#744    _CustomZone.runGuarded (dart:async/zone.dart:1209)
#745    _invoke (dart:ui/hooks.dart:314)
#746    PlatformDispatcher._drawFrame (dart:ui/platform_dispatcher.dart:419)
#747    _drawFrame (dart:ui/hooks.dart:283)

----------------------------------------
[2025-01-17 11:11:20.328371]---------------------
OAuth authorization error (invalid_client).
#0      _handleErrorResponse (package:oauth2/src/handle_access_token_response.dart:157)
#1      handleAccessTokenResponse (package:oauth2/src/handle_access_token_response.dart:41)
#2      clientCredentialsGrant (package:oauth2/src/client_credentials_grant.dart:74)
<asynchronous suspension>

----------------------------------------
[2025-01-17 11:11:20.345401]---------------------
OAuth authorization error (invalid_client).
#0      _handleErrorResponse (package:oauth2/src/handle_access_token_response.dart:157)
#1      handleAccessTokenResponse (package:oauth2/src/handle_access_token_response.dart:41)
#2      clientCredentialsGrant (package:oauth2/src/client_credentials_grant.dart:74)
<asynchronous suspension>
#3      SpotifyApiBase._getImpl.<anonymous closure> (package:spotify/src/spotify_base.dart:211)
<asynchronous suspension>
#4      SpotifyApiBase._requestWrapper (package:spotify/src/spotify_base.dart:247)
<asynchronous suspension>
#5      SpotifyApiBase._getImpl (package:spotify/src/spotify_base.dart:210)
<asynchronous suspension>
#6      Pages.getPage (package:spotify/src/endpoints/endpoint_paging.dart:253)
<asynchronous suspension>
#7      AlbumReleasesNotifier.fetch (package:spotube/provider/spotify/album/releases.dart:35)
<asynchronous suspension>
#8      AlbumReleasesNotifier.build (package:spotube/provider/spotify/album/releases.dart:50)
<asynchronous suspension>
#9      FutureHandlerProviderElementMixin.handleFuture.<anonymous closure>.<anonymous closure> (package:riverpod/src/async_notifier/base.dart:355)
<asynchronous suspension>

----------------------------------------
[2025-01-17 11:11:20.430647]---------------------
DioException [bad response]: This exception was thrown because the response has a status code of 401 and RequestOptions.validateStatus was configured to throw for this status code.
The status code of 401 has the following meaning: "Client error - the request contains bad syntax or cannot be fulfilled"
Read more about status codes at https://developer.mozilla.org/en-US/docs/Web/HTTP/Status
In order to resolve this exception you typically have either to verify and fix your request code or you have to fix the server code.

#0      DioMixin.fetch (package:dio/src/dio_mixin.dart:520)
<asynchronous suspension>
#1      CustomSpotifyEndpoints.getFriendActivity (package:spotube/services/custom_spotify_endpoints/spotify_endpoints.dart:113)
<asynchronous suspension>
#2      FutureHandlerProviderElementMixin.handleFuture.<anonymous closure>.<anonymous closure> (package:riverpod/src/async_notifier/base.dart:355)
<asynchronous suspension>

----------------------------------------
>

Operating System

Arch Linux

Spotube version

3.9.0

Installation source

Arch User Repository (AUR)

Additional information

No response

Self grab

• I'm ready to work on this issue!

[InternalxHD]

Same issue but instead on android, I can't even login to my account on normal Spotify anymore after trying Spotube.. I hope it didn't get my account banned

[Jusxern]

I have same issue but I get error 443 when logging in

[Ropuce]

Whenever I try logging in on my Android phone, it just stays in a black screen with only the back button visible. On the main screen it's the same, no songs, only the usual empty placeholders

Log:

[2025-01-18 19:15:11.033918]---------------------
DioException [bad response]: This exception was thrown because the response has a status code of 401 and RequestOptions.validateStatus was configured to throw for this status code.
The status code of 401 has the following meaning: "Client error - the request contains bad syntax or cannot be fulfilled"
Read more about status codes at https://developer.mozilla.org/en-US/docs/Web/HTTP/Status
In order to resolve this exception you typically have either to verify and fix your request code or you have to fix the server code.

#0      DioMixin.fetch (package:dio/src/dio_mixin.dart:520)
<asynchronous suspension>
#1      CustomSpotifyEndpoints.getFriendActivity (package:spotube/services/custom_spotify_endpoints/spotify_endpoints.dart:113)
<asynchronous suspension>
#2      FutureHandlerProviderElementMixin.handleFuture.<anonymous closure>.<anonymous closure> (package:riverpod/src/async_notifier/base.dart:355)
<asynchronous suspension>

----------------------------------------
[2025-01-18 19:15:11.658206]---------------------
Error Code: 404
Not Found
#0      SpotifyApiBase.handleResponseWithBody (package:spotify/src/spotify_base.dart:282)
#1      SpotifyApiBase._requestWrapper (package:spotify/src/spotify_base.dart:256)
<asynchronous suspension>
#2      SpotifyApiBase._getImpl (package:spotify/src/spotify_base.dart:210)
<asynchronous suspension>
#3      Pages.getPage (package:spotify/src/endpoints/endpoint_paging.dart:253)
<asynchronous suspension>
#4      FeaturedPlaylistsNotifier.fetch (package:spotube/provider/spotify/playlist/featured.dart:33)
<asynchronous suspension>
#5      FeaturedPlaylistsNotifier.build (package:spotube/provider/spotify/playlist/featured.dart:44)
<asynchronous suspension>
#6      FutureHandlerProviderElementMixin.handleFuture.<anonymous closure>.<anonymous closure> (package:riverpod/src/async_notifier/base.dart:355)
<asynchronous suspension>

----------------------------------------
[2025-01-18 19:15:11.678123]---------------------
Error Code: 401
Valid user authentication required
#0      SpotifyApiBase.handleResponseWithBody (package:spotify/src/spotify_base.dart:282)
#1      SpotifyApiBase._requestWrapper (package:spotify/src/spotify_base.dart:256)
<asynchronous suspension>
#2      SpotifyApiBase._getImpl (package:spotify/src/spotify_base.dart:210)
<asynchronous suspension>
#3      CursorPages.getPage (package:spotify/src/endpoints/endpoint_paging.dart:292)
<asynchronous suspension>
#4      SinglePages.stream.handlePageAndGetNext (package:spotify/src/endpoints/endpoint_paging.dart:187)
<asynchronous suspension>

----------------------------------------
[2025-01-18 19:15:14.212523]---------------------
Error Code: 401
Valid user authentication required
#0      SpotifyApiBase.handleResponseWithBody (package:spotify/src/spotify_base.dart:282)
#1      SpotifyApiBase._requestWrapper (package:spotify/src/spotify_base.dart:256)
<asynchronous suspension>
#2      SpotifyApiBase._getImpl (package:spotify/src/spotify_base.dart:210)
<asynchronous suspension>
#3      Me.get (package:spotify/src/endpoints/me.dart:22)
<asynchronous suspension>
#4      FutureHandlerProviderElementMixin.handleFuture.<anonymous closure>.<anonymous closure> (package:riverpod/src/async_notifier/base.dart:355)
<asynchronous suspension>

----------------------------------------```

</details>

[maker-lukas]

its really weird all the cases

but can there be anyone that can actually help?

[weibincen]

same

[BenoitEirik]

Same on Linux Ubuntu. Prblem with the integrated webview perhaps?

Workaround
For information the Spotify login is displayed but invisible. I successfully logged in by copying pasting my credentials, just inputs are invisible. You can pass your cursor on it to find them.

EDIT: I tried with a simple Python script and my webview is working however.

[MrElyazid]

I faced the same issue when i installed the app as a flatpak for Linux Mint, apparently the buttons and web page are there but not visible, installing the app using the debian package which you can find at https://spotube.krtirtho.dev/downloads solved the issue for me.

[maker-lukas]

I faced the same issue when i installed the app as a flatpak for Linux Mint, apparently the buttons and web page are there but not visible, installing the app using the debian package which you can find at https://spotube.krtirtho.dev/downloads solved the issue for me.

The problem is that in arch linux there is only one place to download and install it and that is in the AUR (Arch User Repository)

[rardcode]

Same issue in Android. v3.9.0

[peppenamir]

same issue in manjaro Linux KDE , spotube 4.0 Flapak and AUR 4.0.0

[labulakalia]

archlinux wayland,when login success,webview not auto close,

[maker-lukas]

for me not even this new version

[maker-lukas]

also i just the other day reinstalled my arch and still nothing