laravel-mix: v 0.8.7 - mix.sass().options() - Module build failed: Error "...scss" is not in the SourceMap

  • Laravel Mix Version: 0.8.7
  • Node Version: 6.9.5
  • NPM Version: 4.2.0
  • OS: Windows 7

Description:

Updated to mix version 0.8.7 and getting the following error on mix.sass('resources/assets/sass/app.scss', 'public/css').options({ processCssUrls: false }).version();

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

Module build failed: Error: “…/…/resources/assets/sass/_fonts.scss” is not in the SourceMap. at SourceMapConsumer_sourceContentFor [as sourceContentFor] (C:.…\node_modules\source-map\lib\source-map-consumer.js:704:13) at SourceMapGenerator.<anonymous> (C:.…\node_modules\source-map\lib\source-map-generator.js:235:40) at Array.forEach (native) at SourceMapGenerator_applySourceMap [as applySourceMap] (C:\VM-homestead\Code\laravel\node_modules\source-map\lib\source-map-generator.js:234:32) at MapGenerator.applyPrevMaps (C:.…\node_modules\postcss\lib\map-generator.js:146:22) at MapGenerator.generateMap (C:.…\node_modules\postcss\lib\map-generator.js:194:46) at MapGenerator.generate (C:.…\node_modules\postcss\lib\map-generator.js:297:25) at LazyResult.stringify (C:.…\node_modules\postcss\lib\lazy-result.js:294:24) at C:.…\node_modules\postcss\lib\lazy-result.js:231:27

@ ./resources/assets/sass/app.scss 4:14-183 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss

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

When removing the options part everything works as expected. Tested on a fresh laravel project and getting the same error with mix..options({ processCssUrls: false })`

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Comments: 17

Most upvoted comments

Same, when I set to mix.options({ processCssUrls: false });

Then the error appear.

But after I add below to package.json it SOLVED.

"resolve-url-loader": "^2.0.0", "sass-loader": "^6.0.0",

Looks like we needed to bump sass-loader and resolve-url-loader dependencies to fix this. I’ve pushed and tagged it.

2cb8714a7a765346d6967c7c803bb92440c4fbdf

@coder77 save my day! Thanks!

@coder77 Thank youuu!!! It worked!

Tested it with a fresh installation of Laravel, also returns this error.

node -v v7.7.1 npm -v 4.1.2

Create fresh Laravel installation composer create-project --prefer-dist laravel/laravel mix-test

Install node modules npm install

Run npm run dev

No errors

Disable processCssUrls mix.options({ processCssUrls: false }); Returns error:

 ERROR  Failed to compile with 3 errors                                                                                                                                                                                              11:56:19 AM

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

Module build failed: Error: "../../resources/assets/sass/_variables.scss" is not in the SourceMap.
    at BasicSourceMapConsumer.SourceMapConsumer_sourceContentFor [as sourceContentFor] (C:\Projects\mix-test\node_modules\source-map\lib\source-map-consumer.js:704:13)
    at SourceMapGenerator.<anonymous> (C:\Projects\mix-test\node_modules\source-map\lib\source-map-generator.js:235:40)
    at Array.forEach (native)
    at SourceMapGenerator_applySourceMap [as applySourceMap] (C:\Projects\mix-test\node_modules\source-map\lib\source-map-generator.js:234:32)
    at MapGenerator.applyPrevMaps (C:\Projects\mix-test\node_modules\postcss\lib\map-generator.js:146:22)
    at MapGenerator.generateMap (C:\Projects\mix-test\node_modules\postcss\lib\map-generator.js:194:46)
    at MapGenerator.generate (C:\Projects\mix-test\node_modules\postcss\lib\map-generator.js:297:25)
    at LazyResult.stringify (C:\Projects\mix-test\node_modules\postcss\lib\lazy-result.js:294:24)
    at C:\Projects\mix-test\node_modules\postcss\lib\lazy-result.js:231:27

 @ ./resources/assets/sass/app.scss 4:14-183
 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss

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

Module build failed: ModuleBuildError: Module build failed: Error: "../../resources/assets/sass/_variables.scss" is not in the SourceMap.
    at BasicSourceMapConsumer.SourceMapConsumer_sourceContentFor [as sourceContentFor] (C:\Projects\mix-test\node_modules\source-map\lib\source-map-consumer.js:704:13)
    at SourceMapGenerator.<anonymous> (C:\Projects\mix-test\node_modules\source-map\lib\source-map-generator.js:235:40)
    at Array.forEach (native)
    at SourceMapGenerator_applySourceMap [as applySourceMap] (C:\Projects\mix-test\node_modules\source-map\lib\source-map-generator.js:234:32)
    at MapGenerator.applyPrevMaps (C:\Projects\mix-test\node_modules\postcss\lib\map-generator.js:146:22)
    at MapGenerator.generateMap (C:\Projects\mix-test\node_modules\postcss\lib\map-generator.js:194:46)
    at MapGenerator.generate (C:\Projects\mix-test\node_modules\postcss\lib\map-generator.js:297:25)
    at LazyResult.stringify (C:\Projects\mix-test\node_modules\postcss\lib\lazy-result.js:294:24)
    at C:\Projects\mix-test\node_modules\postcss\lib\lazy-result.js:231:27
    at runLoaders (C:\Projects\mix-test\node_modules\webpack\lib\NormalModule.js:176:19)
    at C:\Projects\mix-test\node_modules\loader-runner\lib\LoaderRunner.js:364:11
    at C:\Projects\mix-test\node_modules\loader-runner\lib\LoaderRunner.js:230:18
    at context.callback (C:\Projects\mix-test\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at C:\Projects\mix-test\node_modules\postcss-loader\index.js:148:13

 error

C:\Projects\mix-test\node_modules\extract-text-webpack-plugin\loader.js??ref--8-0!C:\Projects\mix-test\node_modules\style-loader\index.js!C:\Projects\mix-test\node_modules\raw-loader\index.js!C:\Projects\mix-test\node_modules\postcss-loader\index.js!C:\Projects\mix-test\node_modules\sass-loader\lib\loader.js??ref--8-4!C:\Projects\mix-test\resources\assets\sass\app.scss doesn't export content
                                                                                                                                                                                                                                               Asset      Size  Chunks                    Chunk Names
       /js/app.js   1.18 MB       0  [emitted]  [big]  /js/app
mix-manifest.json  32 bytes          [emitted]

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "dev"
npm ERR! node v7.7.1
npm ERR! npm  v4.1.2
npm ERR! code ELIFECYCLE
npm ERR! @ dev: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the @ dev script 'cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the  package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     C:\Projects\mix-test\npm-debug.log