starred/koel-koel

Fork 0

mirror of https://github.com/koel/koel.git synced 2026-04-26 09:15:59 +03:00

[GH-ISSUE #765] Mixins Issues #552

New issue

Closed

opened 2026-02-26 02:33:31 +03:00 by kerem · 4 comments

kerem commented

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

Owner

Originally created by @sajeeshen on GitHub (Jul 14, 2018).
Original GitHub issue: https://github.com/koel/koel/issues/765

Hey, thanks for contributing to Koel! To save time for both of us, please make sure these checkboxes are checked before submitting the issue:

You have read and followed closely the Wiki, Upgrade Guide, as well as Troubleshooting
The issue has not been reported before
This is not a "how to install on Windows" or "why is my npm messed up" question
You're a cool person

All checked? Now also make sure your issue

Is associated with a version. Or better yet, a commit.
Is as detailed as possible (ahem... OS, browser, steps to reproduce, maybe?)
Includes the error output if it's a bug/error report ("Whoops!" is not very helpful, you know)
Is in English, 因为我不说中文。

Originally created by @sajeeshen on GitHub (Jul 14, 2018). Original GitHub issue: https://github.com/koel/koel/issues/765 Hey, thanks for contributing to Koel! To save time for both of us, please make sure these checkboxes are checked before submitting the issue: - [x] You have read and followed closely the [Wiki](https://koel.phanan.net/docs), [Upgrade Guide](https://github.com/phanan/koel/releases), as well as [Troubleshooting](https://koel.phanan.net/docs/#/troubleshooting) - [x] The issue has not been reported before - [x] This is not a "how to install on Windows" or "why is my npm messed up" question - [x] You're a cool person All checked? Now also make sure your issue - [ ] Is associated with a version. Or better yet, a commit. - [ ] Is as detailed as possible (ahem... OS, browser, steps to reproduce, maybe?) - [ ] Includes the error output if it's a bug/error report ("Whoops!" is not very helpful, you know) - [ ] Is in English, 因为我不说中文。

kerem closed this issue

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

kerem commented

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

Author

Owner

@sajeeshen commented on GitHub (Jul 14, 2018):

I have installed Koel, but I am getting some strange error

Here I am pasting the error

cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
95% emitting ERROR Failed to compile with 47 errors21:58:17

error in ./resources/assets/js/components/main-wrapper/main-content/artist.vue

Module build failed:
@mixin control($playBtnWidth, $fontSize, $textIndent) {
^
Mixins may not be defined within control directives or other mixins.
in /Applications/XAMPP/xamppfiles/htdocs/resources/assets/sass/partials/_mixins.scss (line 79, column 14)

@ ./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-257ebd9c","scoped":true,"hasInlineConfig":true}!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./resources/assets/js/components/main-wrapper/main-content/artist.vue 4:14-378
@ ./resources/assets/js/components/main-wrapper/main-content/artist.vue
@ ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":"es2015",{"modules":false}}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/components/main-wrapper/main-content/index.vue
@ ./resources/assets/js/components/main-wrapper/main-content/index.vue
@ ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":"es2015",{"modules":false}}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/components/main-wrapper/index.vue
@ ./resources/assets/js/components/main-wrapper/index.vue
@ ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":"es2015",{"modules":false}}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/app.vue
@ ./resources/assets/js/app.vue
@ ./resources/assets/js/app.js
@ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss ./resources/assets/sass/remote.scss

error in ./resources/assets/sass/app.scss

@sajeeshen commented on GitHub (Jul 14, 2018): I have installed Koel, but I am getting some strange error Here I am pasting the error cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js 95% emitting ERROR Failed to compile with 47 errors21:58:17 error in ./resources/assets/js/components/main-wrapper/main-content/artist.vue Module build failed: @mixin control($playBtnWidth, $fontSize, $textIndent) { ^ Mixins may not be defined within control directives or other mixins. in /Applications/XAMPP/xamppfiles/htdocs/resources/assets/sass/partials/_mixins.scss (line 79, column 14) @ ./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-257ebd9c","scoped":true,"hasInlineConfig":true}!./node_modules/sass-loader/lib/loader.js!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./resources/assets/js/components/main-wrapper/main-content/artist.vue 4:14-378 @ ./resources/assets/js/components/main-wrapper/main-content/artist.vue @ ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":[["es2015",{"modules":false}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/components/main-wrapper/main-content/index.vue @ ./resources/assets/js/components/main-wrapper/main-content/index.vue @ ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":[["es2015",{"modules":false}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/components/main-wrapper/index.vue @ ./resources/assets/js/components/main-wrapper/index.vue @ ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":[["es2015",{"modules":false}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/app.vue @ ./resources/assets/js/app.vue @ ./resources/assets/js/app.js @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss ./resources/assets/sass/remote.scss error in ./resources/assets/sass/app.scss

kerem commented

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

Author

Owner

@dcschmid commented on GitHub (Jul 17, 2018):

I have the same Problem. I thhink node-sass is not correctly installed. I installeed it on freebsd and there is the problem node-sass can not really build. Is there a way to get the build assets. A complete Release would be great, so someone can be Download a zip and extracted it and koel runs automaticly with out build assets and so on.

@dcschmid commented on GitHub (Jul 17, 2018): I have the same Problem. I thhink node-sass is not correctly installed. I installeed it on freebsd and there is the problem node-sass can not really build. Is there a way to get the build assets. A complete Release would be great, so someone can be Download a zip and extracted it and koel runs automaticly with out build assets and so on.

kerem commented

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

Author

Owner

@amadeann commented on GitHub (Aug 3, 2018):

There is a problem with node-sass version. I found that with version 4.7.2 assets compile without a problem. The project requires ^4.7.2, and in my case (probably yours as well) installs 4.9.2.

To fix it, change "node-sass": "^4.7.2", to "node-sass": "~4.7.2", in your package.json. Run yarn install, and you shouldn't see any errors.

I also noticed that when you run yarn install on the core repository, which has exactly same node-sass version requirement (i.e. ^4.7.2), version 4.7.2 (not 4.9.2) is installed.

@amadeann commented on GitHub (Aug 3, 2018): There is a problem with `node-sass` version. I found that with version `4.7.2` assets compile without a problem. The project requires `^4.7.2`, and in my case (probably yours as well) installs `4.9.2`. To fix it, change `"node-sass": "^4.7.2",` to `"node-sass": "~4.7.2",` in your `package.json`. Run `yarn install`, and you shouldn't see any errors. I also noticed that when you run `yarn install` on the [core](https://github.com/koel/core) repository, which has exactly same `node-sass` version requirement (i.e. `^4.7.2`), version `4.7.2` (not `4.9.2`) is installed.

kerem commented

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

Author

Owner

@yuis-ice commented on GitHub (Jun 4, 2021):

I have the similar issue and couldn't solve the issue with changing "node-sass": "^4.13.1" to "node-sass": "~4.13.1". wtf

@yuis-ice commented on GitHub (Jun 4, 2021): I have the similar issue and couldn't solve the issue with changing `"node-sass": "^4.13.1"` to `"node-sass": "~4.13.1"`. wtf

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#552

No description provided.

Rows
Columns