spotube icon indicating copy to clipboard operation
spotube copied to clipboard
verified publisher icon KRTirtho

Spotube does not show anything and cant login to spotify.

Open capitaoananas opened this issue 11 months ago • 11 comments

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

  • [x] 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.

Image Image

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!

capitaoananas avatar Jan 17 '25 11:01 capitaoananas

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

InternalxHD avatar Jan 17 '25 14:01 InternalxHD

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

Jusxern avatar Jan 18 '25 06:01 Jusxern

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>

Ropuce avatar Jan 18 '25 18:01 Ropuce

its really weird all the cases

but can there be anyone that can actually help?

capitaoananas avatar Jan 19 '25 16:01 capitaoananas

same

weibincen avatar Jan 24 '25 02:01 weibincen

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.

BenoitEirik avatar Jan 27 '25 15:01 BenoitEirik

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.

MrElyazid avatar Jan 29 '25 00:01 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.

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)

capitaoananas avatar Jan 29 '25 09:01 capitaoananas

Same issue in Android. v3.9.0

rardcode avatar Mar 04 '25 13:03 rardcode

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

peppenamir avatar Mar 12 '25 10:03 peppenamir

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

labulakalia avatar Mar 14 '25 03:03 labulakalia

for me not even this new version

capitaoananas avatar Mar 18 '25 09:03 capitaoananas

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

capitaoananas avatar Mar 18 '25 09:03 capitaoananas

yay just found out that it was because i was using the spotube-bin and not just spotube i already had tryed that but it did not work but now it did

capitaoananas avatar Mar 18 '25 10:03 capitaoananas

The problem is that the webview is not showing the elements correctly.

This black screen issue is a common problem, usually caused by missing WebKit/GTK dependencies or hardware acceleration issues. Here’s a WORKAROUND:

sudo apt install -y libwebkit2gtk-4.0-dev libgtk-3-dev export WEBKIT_DISABLE_COMPOSITING_MODE=1 spotube The first command install the required dependencies and the second one disables the hardware (gpu) acceleration before running the command (Spotube).

Problem still exists anyways and this issue should be reopened and fixed properly.

lucasjota avatar Apr 26 '25 11:04 lucasjota