Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

not building css and js for laravel 9


yarn mix command error this,

ERROR in ./resources/mix/plugins.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
â•·
9 │ @import "components/mixins";
│ ^^^^^^^^^^^^^^^^^^^
╵
resources/_keenthemes/src/sass/_init.scss 9:9 @import
resources/_keenthemes/src/sass/plugins.scss 10:9 @import
resources/mix/plugins.scss 62:9 root stylesheet
at processResult (/home/taner/web/laksis.com/public_html/node_modules/webpack/lib/NormalModule.js:764:19)
at /home/taner/web/laksis.com/public_html/node_modules/webpack/lib/NormalModule.js:866:5
at /home/taner/web/laksis.com/public_html/node_modules/loader-runner/lib/LoaderRunner.js:400:11
at /home/taner/web/laksis.com/public_html/node_modules/loader-runner/lib/LoaderRunner.js:252:18
at context.callback (/home/taner/web/laksis.com/public_html/node_modules/loader-runner/lib/LoaderRunner.js:124:13)
at Object.loader (/home/taner/web/laksis.com/public_html/node_modules/sass-loader/dist/index.js:69:5)

ERROR in ./resources/_keenthemes/src/sass/style.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
â•·
9 │ @import "components/mixins";
│ ^^^^^^^^^^^^^^^^^^^
╵
resources/_keenthemes/src/sass/_init.scss 9:9 @import
resources/_keenthemes/src/sass/style.scss 6:9 root stylesheet
at processResult (/home/taner/web/laksis.com/public_html/node_modules/webpack/lib/NormalModule.js:764:19)
at /home/taner/web/laksis.com/public_html/node_modules/webpack/lib/NormalModule.js:866:5
at /home/taner/web/laksis.com/public_html/node_modules/loader-runner/lib/LoaderRunner.js:400:11
at /home/taner/web/laksis.com/public_html/node_modules/loader-runner/lib/LoaderRunner.js:252:18
at context.callback (/home/taner/web/laksis.com/public_html/node_modules/loader-runner/lib/LoaderRunner.js:124:13)
at Object.loader (/home/taner/web/laksis.com/public_html/node_modules/sass-loader/dist/index.js:69:5)

2 ERRORS in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 4 errors


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)


Hi Taner,

Sometimes, caching issues can cause problems with SASS compilation. Try clearing the Laravel Mix cache by running yarn clear , and then recompile your assets using npm run dev .

Delete the node_modules folder from your project directory. After removing the node_modules folder, you need to reinstall the dependencies.

Thanks


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(