Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

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
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • 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
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(