How should I resolve an ERROR occuring while compiling Assets (Laravel Mix)
0
I am not new with PHP, but I am a total beginner with PHP frameworks.
Recently I have started learning Laravel framework for PHP, so I decided to start with tutorials from Traversy Media channel. After I have tried to compile assets I got an ERROR: (An error occurs after npm run dev)
ERROR in ./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/lib/loader.js??ref--5-5!./resources/sass/app.scss
Module build failed: BrowserslistError: Unknown browser query `basedir=$(dirname "$(echo "$0" | sed -e 's,\,/,g')")`
at C:xampphtdocsmyappnode_modulesbrowserslistindex.js:164:11
at Array.reduce (<anonymous>)
at resolve (C:xampphtdocsmyappnode_modulesbrowserslistindex.js:132:18)
at browserslist (C:xampphtdocsmyappnode_modulesbrowserslistindex.js:224:16)
at Browsers.parse (C:xampphtdocsmyappnode_modulesautoprefixerlibbrowsers.js:61:16)
at new Browsers (C:xampphtdocsmyappnode_modulesautoprefixerlibbrowsers.js:52:30)
at loadPrefixes (C:xampphtdocsmyappnode_modulesautoprefixerlibautoprefixer.js:70:24)
at plugin (C:xampphtdocsmyappnode_modulesautoprefixerlibautoprefixer.js:81:24)
at LazyResult.run (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:277:20)
at LazyResult.asyncTick (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:192:32)
at processing.Promise.then._this2.processed (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:231:20)
at new Promise (<anonymous>)
at LazyResult.async (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:228:27)
at LazyResult.then (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:134:21)
at Promise.resolve.then.then (C:xampphtdocsmyappnode_modulespostcss-loaderlibindex.js:145:8)
at <anonymous>
@ ./resources/sass/app.scss 4:14-254
@ multi ./resources/js/app.js ./resources/sass/app.scss
I am trying to solve this problem but without success. I have tried to rebuild node-sass, also I've tried to reinstall all dependencies and change my @import path and nothing solved an error.
This is the code that refers to an error that occurs in **C:xamppmyappnode_modulesbrowserslistindex.js:164:11**
Resolve function for referring error
If you could help me with this i would really appreciate it, because I really need to speed up my learning process.
npm -v 6.1.0
node -v 8.11.3
composer -v 1.7.2
artisan --version (Laravel Framework) 5.7.13
php laravel sass laravel-mix
asked Nov 13 '18 at 15:20
Lucky Lucky
13
|
show 1 more comment
0
I am not new with PHP, but I am a total beginner with PHP frameworks.
Recently I have started learning Laravel framework for PHP, so I decided to start with tutorials from Traversy Media channel. After I have tried to compile assets I got an ERROR: (An error occurs after npm run dev)
ERROR in ./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/lib/loader.js??ref--5-5!./resources/sass/app.scss
Module build failed: BrowserslistError: Unknown browser query `basedir=$(dirname "$(echo "$0" | sed -e 's,\,/,g')")`
at C:xampphtdocsmyappnode_modulesbrowserslistindex.js:164:11
at Array.reduce (<anonymous>)
at resolve (C:xampphtdocsmyappnode_modulesbrowserslistindex.js:132:18)
at browserslist (C:xampphtdocsmyappnode_modulesbrowserslistindex.js:224:16)
at Browsers.parse (C:xampphtdocsmyappnode_modulesautoprefixerlibbrowsers.js:61:16)
at new Browsers (C:xampphtdocsmyappnode_modulesautoprefixerlibbrowsers.js:52:30)
at loadPrefixes (C:xampphtdocsmyappnode_modulesautoprefixerlibautoprefixer.js:70:24)
at plugin (C:xampphtdocsmyappnode_modulesautoprefixerlibautoprefixer.js:81:24)
at LazyResult.run (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:277:20)
at LazyResult.asyncTick (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:192:32)
at processing.Promise.then._this2.processed (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:231:20)
at new Promise (<anonymous>)
at LazyResult.async (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:228:27)
at LazyResult.then (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:134:21)
at Promise.resolve.then.then (C:xampphtdocsmyappnode_modulespostcss-loaderlibindex.js:145:8)
at <anonymous>
@ ./resources/sass/app.scss 4:14-254
@ multi ./resources/js/app.js ./resources/sass/app.scss
I am trying to solve this problem but without success. I have tried to rebuild node-sass, also I've tried to reinstall all dependencies and change my @import path and nothing solved an error.
This is the code that refers to an error that occurs in **C:xamppmyappnode_modulesbrowserslistindex.js:164:11**
Resolve function for referring error
If you could help me with this i would really appreciate it, because I really need to speed up my learning process.
npm -v 6.1.0
node -v 8.11.3
composer -v 1.7.2
artisan --version (Laravel Framework) 5.7.13
php laravel sass laravel-mix
asked Nov 13 '18 at 15:20
Lucky Lucky
13
Always post error messages as text, not images. Otherwise they are hard for people to copy and unable to be searched.
– Devon
Nov 13 '18 at 15:40
You also may want to upgrade your node version. The latest LTS is 10.13. You're quite behind. Always make sure you're on an updated version if you're using the latest version of laravel mix.
– Devon
Nov 13 '18 at 15:46
@Devon Thank you for your suggestions. I will update my node, do you think that node version is an actual problem causing an error?
– Lucky
Nov 13 '18 at 15:52
Edit your question, and your errors as text, not images.
– Don't Panic
Nov 13 '18 at 15:53
@Lucky, not sure, it's just always a good idea to run the latest node version when using mix. Since it's a browser query issue, what's your environment and which browsers are installed in that environment?
– Devon
Nov 13 '18 at 16:02
|
show 1 more comment
0
0
0
I am not new with PHP, but I am a total beginner with PHP frameworks.
Recently I have started learning Laravel framework for PHP, so I decided to start with tutorials from Traversy Media channel. After I have tried to compile assets I got an ERROR: (An error occurs after npm run dev)
ERROR in ./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/lib/loader.js??ref--5-5!./resources/sass/app.scss
Module build failed: BrowserslistError: Unknown browser query `basedir=$(dirname "$(echo "$0" | sed -e 's,\,/,g')")`
at C:xampphtdocsmyappnode_modulesbrowserslistindex.js:164:11
at Array.reduce (<anonymous>)
at resolve (C:xampphtdocsmyappnode_modulesbrowserslistindex.js:132:18)
at browserslist (C:xampphtdocsmyappnode_modulesbrowserslistindex.js:224:16)
at Browsers.parse (C:xampphtdocsmyappnode_modulesautoprefixerlibbrowsers.js:61:16)
at new Browsers (C:xampphtdocsmyappnode_modulesautoprefixerlibbrowsers.js:52:30)
at loadPrefixes (C:xampphtdocsmyappnode_modulesautoprefixerlibautoprefixer.js:70:24)
at plugin (C:xampphtdocsmyappnode_modulesautoprefixerlibautoprefixer.js:81:24)
at LazyResult.run (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:277:20)
at LazyResult.asyncTick (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:192:32)
at processing.Promise.then._this2.processed (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:231:20)
at new Promise (<anonymous>)
at LazyResult.async (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:228:27)
at LazyResult.then (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:134:21)
at Promise.resolve.then.then (C:xampphtdocsmyappnode_modulespostcss-loaderlibindex.js:145:8)
at <anonymous>
@ ./resources/sass/app.scss 4:14-254
@ multi ./resources/js/app.js ./resources/sass/app.scss
I am trying to solve this problem but without success. I have tried to rebuild node-sass, also I've tried to reinstall all dependencies and change my @import path and nothing solved an error.
This is the code that refers to an error that occurs in **C:xamppmyappnode_modulesbrowserslistindex.js:164:11**
Resolve function for referring error
If you could help me with this i would really appreciate it, because I really need to speed up my learning process.
npm -v 6.1.0
node -v 8.11.3
composer -v 1.7.2
artisan --version (Laravel Framework) 5.7.13
php laravel sass laravel-mix
asked Nov 13 '18 at 15:20
Lucky Lucky
13
I am not new with PHP, but I am a total beginner with PHP frameworks.
Recently I have started learning Laravel framework for PHP, so I decided to start with tutorials from Traversy Media channel. After I have tried to compile assets I got an ERROR: (An error occurs after npm run dev)
ERROR in ./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/lib/loader.js??ref--5-5!./resources/sass/app.scss
Module build failed: BrowserslistError: Unknown browser query `basedir=$(dirname "$(echo "$0" | sed -e 's,\,/,g')")`
at C:xampphtdocsmyappnode_modulesbrowserslistindex.js:164:11
at Array.reduce (<anonymous>)
at resolve (C:xampphtdocsmyappnode_modulesbrowserslistindex.js:132:18)
at browserslist (C:xampphtdocsmyappnode_modulesbrowserslistindex.js:224:16)
at Browsers.parse (C:xampphtdocsmyappnode_modulesautoprefixerlibbrowsers.js:61:16)
at new Browsers (C:xampphtdocsmyappnode_modulesautoprefixerlibbrowsers.js:52:30)
at loadPrefixes (C:xampphtdocsmyappnode_modulesautoprefixerlibautoprefixer.js:70:24)
at plugin (C:xampphtdocsmyappnode_modulesautoprefixerlibautoprefixer.js:81:24)
at LazyResult.run (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:277:20)
at LazyResult.asyncTick (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:192:32)
at processing.Promise.then._this2.processed (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:231:20)
at new Promise (<anonymous>)
at LazyResult.async (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:228:27)
at LazyResult.then (C:xampphtdocsmyappnode_modulespostcssliblazy-result.js:134:21)
at Promise.resolve.then.then (C:xampphtdocsmyappnode_modulespostcss-loaderlibindex.js:145:8)
at <anonymous>
@ ./resources/sass/app.scss 4:14-254
@ multi ./resources/js/app.js ./resources/sass/app.scss
I am trying to solve this problem but without success. I have tried to rebuild node-sass, also I've tried to reinstall all dependencies and change my @import path and nothing solved an error.
This is the code that refers to an error that occurs in **C:xamppmyappnode_modulesbrowserslistindex.js:164:11**
Resolve function for referring error
If you could help me with this i would really appreciate it, because I really need to speed up my learning process.
npm -v 6.1.0
node -v 8.11.3
composer -v 1.7.2
artisan --version (Laravel Framework) 5.7.13
php laravel sass laravel-mix
php laravel sass laravel-mix
asked Nov 13 '18 at 15:20
Lucky Lucky
13
asked Nov 13 '18 at 15:20
Lucky Lucky
13
edited Nov 14 '18 at 14:44
Lucky
asked Nov 13 '18 at 15:20
Lucky Lucky
13
asked Nov 13 '18 at 15:20
Lucky Lucky
13
asked Nov 13 '18 at 15:20
Lucky Lucky
13
13
Always post error messages as text, not images. Otherwise they are hard for people to copy and unable to be searched.
– Devon
Nov 13 '18 at 15:40
You also may want to upgrade your node version. The latest LTS is 10.13. You're quite behind. Always make sure you're on an updated version if you're using the latest version of laravel mix.
– Devon
Nov 13 '18 at 15:46
@Devon Thank you for your suggestions. I will update my node, do you think that node version is an actual problem causing an error?
– Lucky
Nov 13 '18 at 15:52
Edit your question, and your errors as text, not images.
– Don't Panic
Nov 13 '18 at 15:53
@Lucky, not sure, it's just always a good idea to run the latest node version when using mix. Since it's a browser query issue, what's your environment and which browsers are installed in that environment?
– Devon
Nov 13 '18 at 16:02
|
show 1 more comment
Always post error messages as text, not images. Otherwise they are hard for people to copy and unable to be searched.
– Devon
Nov 13 '18 at 15:40
You also may want to upgrade your node version. The latest LTS is 10.13. You're quite behind. Always make sure you're on an updated version if you're using the latest version of laravel mix.
– Devon
Nov 13 '18 at 15:46
@Devon Thank you for your suggestions. I will update my node, do you think that node version is an actual problem causing an error?
– Lucky
Nov 13 '18 at 15:52
Edit your question, and your errors as text, not images.
– Don't Panic
Nov 13 '18 at 15:53
@Lucky, not sure, it's just always a good idea to run the latest node version when using mix. Since it's a browser query issue, what's your environment and which browsers are installed in that environment?
– Devon
Nov 13 '18 at 16:02
Always post error messages as text, not images. Otherwise they are hard for people to copy and unable to be searched.
– Devon
Nov 13 '18 at 15:40
Always post error messages as text, not images. Otherwise they are hard for people to copy and unable to be searched.
– Devon
Nov 13 '18 at 15:40
You also may want to upgrade your node version. The latest LTS is 10.13. You're quite behind. Always make sure you're on an updated version if you're using the latest version of laravel mix.
– Devon
Nov 13 '18 at 15:46
You also may want to upgrade your node version. The latest LTS is 10.13. You're quite behind. Always make sure you're on an updated version if you're using the latest version of laravel mix.
– Devon
Nov 13 '18 at 15:46
@Devon Thank you for your suggestions. I will update my node, do you think that node version is an actual problem causing an error?
– Lucky
Nov 13 '18 at 15:52
@Devon Thank you for your suggestions. I will update my node, do you think that node version is an actual problem causing an error?
– Lucky
Nov 13 '18 at 15:52
Edit your question, and your errors as text, not images.
– Don't Panic
Nov 13 '18 at 15:53
Edit your question, and your errors as text, not images.
– Don't Panic
Nov 13 '18 at 15:53
@Lucky, not sure, it's just always a good idea to run the latest node version when using mix. Since it's a browser query issue, what's your environment and which browsers are installed in that environment?
– Devon
Nov 13 '18 at 16:02
@Lucky, not sure, it's just always a good idea to run the latest node version when using mix. Since it's a browser query issue, what's your environment and which browsers are installed in that environment?
– Devon
Nov 13 '18 at 16:02
|
show 1 more comment
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53284152%2fhow-should-i-resolve-an-error-occuring-while-compiling-assets-laravel-mix%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53284152%2fhow-should-i-resolve-an-error-occuring-while-compiling-assets-laravel-mix%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Always post error messages as text, not images. Otherwise they are hard for people to copy and unable to be searched.
– Devon
Nov 13 '18 at 15:40
You also may want to upgrade your node version. The latest LTS is 10.13. You're quite behind. Always make sure you're on an updated version if you're using the latest version of laravel mix.
– Devon
Nov 13 '18 at 15:46
@Devon Thank you for your suggestions. I will update my node, do you think that node version is an actual problem causing an error?
– Lucky
Nov 13 '18 at 15:52
Edit your question, and your errors as text, not images.
– Don't Panic
Nov 13 '18 at 15:53
@Lucky, not sure, it's just always a good idea to run the latest node version when using mix. Since it's a browser query issue, what's your environment and which browsers are installed in that environment?
– Devon
Nov 13 '18 at 16:02