Problem with main.css.map & paths to the *.less files

sage
1

In my local dev environment and there seems to be an issue with the paths for the main.css.map.

I’ve tried tweaking some grunt file paths to no avail so returned it to its default state.

      sourceMap: true,
      sourceMapFilename: 'assets/css/main.css.sourceMap',
      sourceMapRootpath: '/wp-content/themes/believemedia-master/'   // tried 'css/' too.

Its trying to load from this location - /wp-content/themes/believemedia-master/css/assets/vendor/bootstrap/less/scaffolding.less which doesn’t work of all the less files.
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (scaffolding.less, line 0)

But if I remove the /css from the url in a browser window it works.

Any help appreciated!

[all errors shot attached]

2

First, here are the defaults: https://github.com/roots/roots/blob/master/Gruntfile.js#L49.

Second, be sure you run grunt dev after making changes (or just grunt). Running grunt build will not rebuild the source maps (by default).

Is there a reason your destination filename is not set to 'assets/css/main.css.map'?

It looks like at one point you had sourceMapRootpath set to '/wp-content/themes/believemedia-master/css' or just '/css' and the source map was never re-compiled after you reverted.