starred/koel-koel

Fork 0

mirror of https://github.com/koel/koel.git synced 2026-04-25 08:46:00 +03:00

[GH-ISSUE #316] plyr: undefined variable #233

New issue

Closed

opened 2026-02-26 02:32:31 +03:00 by kerem · 8 comments

kerem commented

2026-02-26 02:32:31 +03:00

Owner

Originally created by @jithatsonei on GitHub (Apr 25, 2016).
Original GitHub issue: https://github.com/koel/koel/issues/316

I am on Ubuntu 14.04.4 LTS on node 0.10.25 (Also tried the latest and stable and LTS versions) and have the error File css/app.css not defined in asset manifest. (View: /home/alucard/koel/resources/views/index.blade.php) in Application.php line 57

tried npm install and here is what I get

> koel@ postinstall /home/alucard/koel
> cross-env NODE_ENV=production && gulp --production

[21:24:26] Using gulpfile ~/koel/gulpfile.js
[21:24:26] Starting 'default'...
[21:24:26] Starting 'browserify'...

Fetching Browserify Source Files...
   - resources/assets/js/main.js


Saving To...
   - public/js/main.js

[21:24:27] Finished 'default' after 1.36 s
[21:24:49] gulp-notify: [Laravel Elixir] Browserify Compiled!
[21:24:49] Finished 'browserify' after 23 s
[21:24:49] Starting 'sass'...

Fetching Sass Source Files...
   - resources/assets/sass/app.scss


Saving To...
   - public/css/app.css

[21:24:50] gulp-notify: [Laravel Elixir] Sass Compilation Failed: resources/assets/sass/vendor/_plyr.scss
Error: Undefined variable: "$plyr-control-color-hover".
        on line 289 of resources/assets/sass/vendor/_plyr.scss
>>                 color: $plyr-control-color-hover;
   -----------------------^

{ formatted: 'Error: Undefined variable: "$plyr-control-color-hover".\n        on line 289 of resources/assets/sass/vendor/_plyr.scss\n>>                 color: $plyr-control-color-hover;\n   -----------------------^\n',
  message: 'resources/assets/sass/vendor/_plyr.scss\nError: Undefined variable: "$plyr-control-color-hover".\n        on line 289 of resources/assets/sass/vendor/_plyr.scss\n>>                 color: $plyr-control-color-hover;\n   -----------------------^\n',
  column: 24,
  line: 289,
  file: '/home/alucard/koel/resources/assets/sass/vendor/_plyr.scss',
  status: 1,
  messageFormatted: '\u001b[4mresources/assets/sass/vendor/_plyr.scss\u001b[24m\nError: Undefined variable: "$plyr-control-color-hover".\n        on line 289 of resources/assets/sass/vendor/_plyr.scss\n>>                 color: $plyr-control-color-hover;\n   -----------------------^\n',
  messageOriginal: 'Undefined variable: "$plyr-control-color-hover".',
  relativePath: 'resources/assets/sass/vendor/_plyr.scss',
  name: 'Error',
  stack: 'Error: resources/assets/sass/vendor/_plyr.scss\nError: Undefined variable: "$plyr-control-color-hover".\n        on line 289 of resources/assets/sass/vendor/_plyr.scss\n>>                 color: $plyr-control-color-hover;\n   -----------------------^\n\n    at options.error (/home/alucard/koel/node_modules/node-sass/lib/index.js:271:32)',
  showStack: false,
  showProperties: true,
  plugin: 'gulp-sass' }
[21:24:50] Finished 'sass' after 859 ms
[21:24:50] Starting 'copy'...

Fetching Copy Source Files...
   - resources/assets/img/**/*


Saving To...
   - public/img

[21:24:50] Finished 'copy' after 20 ms
[21:24:50] Starting 'copy'...

Fetching Copy Source Files...
   - node_modules/font-awesome/fonts/**/*


Saving To...
   - public/build/fonts

[21:24:50] Finished 'copy' after 17 ms
[21:24:50] Starting 'copy'...

Fetching Copy Source Files...
   - resources/assets/fonts/**/*


Saving To...
   - public/build/fonts

[21:24:50] Finished 'copy' after 34 ms
[21:24:50] Starting 'scripts'...

Fetching Scripts Source Files...
   - node_modules/plyr/dist/plyr.js
   - resources/assets/js/libs/modernizr-custom.js


Saving To...
   - public/js/vendors.js

[21:24:51] gulp-notify: [Laravel Elixir] Scripts Merged!
[21:24:51] Finished 'scripts' after 1.19 s
[21:24:51] Starting 'styles'...

Fetching Styles Source Files...
   - resources/assets/css/**/*.css
   - node_modules/font-awesome/css/font-awesome.min.css
   - node_modules/rangeslider.js/dist/rangeslider.css


Saving To...
   - public/css/vendors.css

[21:24:52] gulp-notify: [Laravel Elixir] Stylesheets Merged!
[21:24:52] Finished 'styles' after 672 ms
[21:24:52] Starting 'version'...

Fetching Version Source Files...
   - public/css/vendors.css
   - public/css/app.css <-- Not Found
   - public/js/vendors.js
   - public/js/main.js


Saving To...
   - public/build

[21:24:52] Finished 'version' after 60 ms
[21:24:52] Starting 'browserSync'...
[21:24:52] Finished 'browserSync' after 58 μs
npm WARN unmet dependency /home/alucard/koel/node_modules/laravel-elixir/node_modules/browser-sync/node_modules/localtunnel/node_modules/request requires qs@'~5.2.0' but will load
npm WARN unmet dependency /home/alucard/koel/node_modules/laravel-elixir/node_modules/browser-sync/node_modules/qs,
npm WARN unmet dependency which is version 6.1.0

Really have no clue tbh looked on the plyr repo to see if anything is there but nothing.

Originally created by @jithatsonei on GitHub (Apr 25, 2016). Original GitHub issue: https://github.com/koel/koel/issues/316 I am on Ubuntu 14.04.4 LTS on node 0.10.25 (Also tried the latest and stable and LTS versions) and have the error `File css/app.css not defined in asset manifest. (View: /home/alucard/koel/resources/views/index.blade.php) in Application.php line 57` tried npm install and here is what I get ``` > koel@ postinstall /home/alucard/koel > cross-env NODE_ENV=production && gulp --production [21:24:26] Using gulpfile ~/koel/gulpfile.js [21:24:26] Starting 'default'... [21:24:26] Starting 'browserify'... Fetching Browserify Source Files... - resources/assets/js/main.js Saving To... - public/js/main.js [21:24:27] Finished 'default' after 1.36 s [21:24:49] gulp-notify: [Laravel Elixir] Browserify Compiled! [21:24:49] Finished 'browserify' after 23 s [21:24:49] Starting 'sass'... Fetching Sass Source Files... - resources/assets/sass/app.scss Saving To... - public/css/app.css [21:24:50] gulp-notify: [Laravel Elixir] Sass Compilation Failed: resources/assets/sass/vendor/_plyr.scss Error: Undefined variable: "$plyr-control-color-hover". on line 289 of resources/assets/sass/vendor/_plyr.scss >> color: $plyr-control-color-hover; -----------------------^ { formatted: 'Error: Undefined variable: "$plyr-control-color-hover".\n on line 289 of resources/assets/sass/vendor/_plyr.scss\n>> color: $plyr-control-color-hover;\n -----------------------^\n', message: 'resources/assets/sass/vendor/_plyr.scss\nError: Undefined variable: "$plyr-control-color-hover".\n on line 289 of resources/assets/sass/vendor/_plyr.scss\n>> color: $plyr-control-color-hover;\n -----------------------^\n', column: 24, line: 289, file: '/home/alucard/koel/resources/assets/sass/vendor/_plyr.scss', status: 1, messageFormatted: '\u001b[4mresources/assets/sass/vendor/_plyr.scss\u001b[24m\nError: Undefined variable: "$plyr-control-color-hover".\n on line 289 of resources/assets/sass/vendor/_plyr.scss\n>> color: $plyr-control-color-hover;\n -----------------------^\n', messageOriginal: 'Undefined variable: "$plyr-control-color-hover".', relativePath: 'resources/assets/sass/vendor/_plyr.scss', name: 'Error', stack: 'Error: resources/assets/sass/vendor/_plyr.scss\nError: Undefined variable: "$plyr-control-color-hover".\n on line 289 of resources/assets/sass/vendor/_plyr.scss\n>> color: $plyr-control-color-hover;\n -----------------------^\n\n at options.error (/home/alucard/koel/node_modules/node-sass/lib/index.js:271:32)', showStack: false, showProperties: true, plugin: 'gulp-sass' } [21:24:50] Finished 'sass' after 859 ms [21:24:50] Starting 'copy'... Fetching Copy Source Files... - resources/assets/img/**/* Saving To... - public/img [21:24:50] Finished 'copy' after 20 ms [21:24:50] Starting 'copy'... Fetching Copy Source Files... - node_modules/font-awesome/fonts/**/* Saving To... - public/build/fonts [21:24:50] Finished 'copy' after 17 ms [21:24:50] Starting 'copy'... Fetching Copy Source Files... - resources/assets/fonts/**/* Saving To... - public/build/fonts [21:24:50] Finished 'copy' after 34 ms [21:24:50] Starting 'scripts'... Fetching Scripts Source Files... - node_modules/plyr/dist/plyr.js - resources/assets/js/libs/modernizr-custom.js Saving To... - public/js/vendors.js [21:24:51] gulp-notify: [Laravel Elixir] Scripts Merged! [21:24:51] Finished 'scripts' after 1.19 s [21:24:51] Starting 'styles'... Fetching Styles Source Files... - resources/assets/css/**/*.css - node_modules/font-awesome/css/font-awesome.min.css - node_modules/rangeslider.js/dist/rangeslider.css Saving To... - public/css/vendors.css [21:24:52] gulp-notify: [Laravel Elixir] Stylesheets Merged! [21:24:52] Finished 'styles' after 672 ms [21:24:52] Starting 'version'... Fetching Version Source Files... - public/css/vendors.css - public/css/app.css <-- Not Found - public/js/vendors.js - public/js/main.js Saving To... - public/build [21:24:52] Finished 'version' after 60 ms [21:24:52] Starting 'browserSync'... [21:24:52] Finished 'browserSync' after 58 μs npm WARN unmet dependency /home/alucard/koel/node_modules/laravel-elixir/node_modules/browser-sync/node_modules/localtunnel/node_modules/request requires qs@'~5.2.0' but will load npm WARN unmet dependency /home/alucard/koel/node_modules/laravel-elixir/node_modules/browser-sync/node_modules/qs, npm WARN unmet dependency which is version 6.1.0 ``` Really have no clue tbh looked on the plyr repo to see if anything is there but nothing.

kerem closed this issue

2026-02-26 02:32:31 +03:00

kerem commented

2026-02-26 02:32:31 +03:00

Author

Owner

@kirkegaard commented on GitHub (Apr 28, 2016):

Im having the same issue. Reverting to 2.1.0 seems to work. Guess the plyr library changed at some point

@kirkegaard commented on GitHub (Apr 28, 2016): Im having the same issue. Reverting to 2.1.0 seems to work. Guess the plyr library changed at some point

kerem commented

2026-02-26 02:32:32 +03:00

Author

Owner

@jithatsonei commented on GitHub (May 1, 2016):

PR #317 fixes this

@jithatsonei commented on GitHub (May 1, 2016): PR #317 fixes this

kerem commented

2026-02-26 02:32:32 +03:00

Author

Owner

@phanan commented on GitHub (May 2, 2016):

Sigh… Guess I'll need to introduce shrinkwrap soon…

@phanan commented on GitHub (May 2, 2016): Sigh… Guess I'll need to introduce shrinkwrap soon…

kerem commented

2026-02-26 02:32:32 +03:00

Author

Owner

@phanan commented on GitHub (May 2, 2016):

As apparently this is a plyr issue, anyone of you can ping its author about this?

@phanan commented on GitHub (May 2, 2016): As apparently this is a plyr issue, anyone of you can ping its author about this?

kerem commented

2026-02-26 02:32:32 +03:00

Author

Owner

@phanan commented on GitHub (May 2, 2016):

Oh wait. I think I need to update the file following plyr's change.

@phanan commented on GitHub (May 2, 2016): Oh wait. I think I need to update the file following plyr's change.

kerem commented

2026-02-26 02:32:32 +03:00

Author

Owner

@phanan commented on GitHub (May 2, 2016):

Well, the issue doesn't occur to me. @alucard0134 @kirkegaard what's your installed plyr version? (you can cat node_modules/plyr/package.json for this). Mine is 1.5.20.

@phanan commented on GitHub (May 2, 2016): Well, the issue doesn't occur to me. @alucard0134 @kirkegaard what's your installed plyr version? (you can `cat node_modules/plyr/package.json` for this). Mine is 1.5.20.

kerem commented

2026-02-26 02:32:32 +03:00

Author

Owner

@bheidkamp3 commented on GitHub (May 2, 2016):

I'm having the same issue.

My pyler is version 1.5.20. I'm running Koel on a raspberry pi with raspbian. I was able to get it working by adding the line from https://github.com/phanan/koel/pull/317/ which might not be the right solution but I have koel running sucessfully now!

@bheidkamp3 commented on GitHub (May 2, 2016): I'm having the same issue. My pyler is version 1.5.20. I'm running Koel on a raspberry pi with raspbian. I was able to get it working by adding the line from https://github.com/phanan/koel/pull/317/ which might not be the right solution but I have koel running sucessfully now!

kerem commented

2026-02-26 02:32:32 +03:00

Author

Owner

@phanan commented on GitHub (May 2, 2016):

Oh well… Let's not lose any more sleep on this. I'm merging that PR now.

@phanan commented on GitHub (May 2, 2016): Oh well… Let's not lose any more sleep on this. I'm merging that PR now.

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/koel-koel#233

No description provided.

Rows
Columns