James70's avatar

Laravel mix Sass error

Laravel mix give me error when try to compile my file this is my style.scss file

@import "dependencies/bootstrap-reboot";
@import "dependencies/fonts";
@import "dependencies/all.min";
@import "dependencies/slick";
@import "base/variables";
@import "base/_function";

@import "base/grid";
* {
  font-family: "Museo Sans Cyrl", sans-serif;
  box-sizing: border-box;
}
html {
  font-size: 16px;
}
html,
body {
  overflow-x: hidden;
}

body {
  position: relative;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.container {
  max-width: 1180px;
  margin: 0 auto;
}

#circle {
  width: 18px;
  height: 18px;

  position: absolute;

  background: url("/img/star.png") center (center / cover) no-repeat;
  z-index: 9999;
  margin-top: 70px;
  margin-left: 60px;
}

@import "blocks/header";
@import "blocks/topBlock";
@import "blocks/main";
@import "blocks/category";
@import "blocks/most";
@import "blocks/category_learn";
@import "blocks/english";
@import "blocks/footer";

@import "blocks/menu";
@import "blocks/aside";

@import "base/media";

This is my webpack

const mix = require('laravel-mix');
mix.sass('resources/sass/style.scss', 'public/css/style.css');

This is my error

ERROR in ./resources/sass/style.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/laravel-mix/node_modules/css-loader/dist/cjs.js):
Error: Can't resolve './fonts/MuseoSansCyrl-500.eot' in 'F:\OpenServer\domains\project\resources\sass'
    at finishWithoutResolve (F:\OpenServer\domains\project\node_modules\enhanced-resolve\lib\Resolver.js:293:18)
    at F:\OpenServer\domains\project\node_modules\enhanced-resolve\lib\Resolver.js:362:15
    at F:\OpenServer\domains\project\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (F:\OpenServer\domains\project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:16:1)
    at F:\OpenServer\domains\project\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (F:\OpenServer\domains\project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:27:1)
    at F:\OpenServer\domains\project\node_modules\enhanced-resolve\lib\DescriptionFilePlugin.js:87:43
    at F:\OpenServer\domains\project\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at eval (eval at create (F:\OpenServer\domains\project\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1)
    at F:\OpenServer\domains\project\node_modules\enhanced-resolve\lib\Resolver.js:410:5
    at processResult (F:\OpenServer\domains\project\node_modules\webpack\lib\NormalModule.js:743:19)
    at F:\OpenServer\domains\project\node_modules\webpack\lib\NormalModule.js:844:5
    at F:\OpenServer\domains\project\node_modules\loader-runner\lib\LoaderRunner.js:399:11
    at F:\OpenServer\domains\project\node_modules\loader-runner\lib\LoaderRunner.js:251:18
    at context.callback (F:\OpenServer\domains\project\node_modules\loader-runner\lib\LoaderRunner.js:124:13)
    at Object.loader (F:\OpenServer\domains\project\node_modules\laravel-mix\node_modules\css-loader\dist\index.js:155:5)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)

1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 2 errors
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `mix`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Professional\AppData\Roaming\npm-cache\_logs21-10-12T07_14_19_099Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Professional\AppData\Roaming\npm-cache\_logs21-10-12T07_14_19_119Z-debug.log
PS F:\OpenServer\domains\project>


Thank you very much for your help

0 likes
7 replies
Sinnbeck's avatar

Do you have a reference to MuseoSansCyrl-500.eot somewhere in your sass code?

James70's avatar

@Sinnbeck actually just here

@font-face {
    font-family: 'Museo Sans Cyrl 500';
    src: url('../fonts/MuseoSansCyrl-500.eot');
    src: local('MuseoSansCyrl-500'),
        url('../fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSansCyrl-500.woff') format('woff'),
        url('../fonts/MuseoSansCyrl-500.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
Sinnbeck's avatar
Sinnbeck
Best Answer
Level 102

@James70 And the error says that it cannot find F:\OpenServer\domains\project\resources\sass\fonts\MuseoSansCyrl-500.eot

Are you sure that file exists?

Please or to participate in this conversation.