Sass sourcemap issue

[nojaf]

Node version:
v7.7.1
npm version:
4.1.2
Operating system:
Windows 10 Anniversary Update
Command line used:
babel-node tools/build.js
Steps to reproduce:

I'm using bootstrap-sass and I'm having an exception on the generation of the source maps.

C:\Users\Moi\live\node_modules\source-map\lib\source-map-generator.js:277
      throw new Error('Invalid mapping: ' + JSON.stringify({
      ^

Error: Invalid mapping: {"generated":{"line":1,"column":26388},"source":"webpack:///Users/Moi/live/src/styles/C:/Users/Moi/live/node_modules/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_clearfix.scss","original":{"line":15,"column":-11},"name":null}
    at SourceMapGenerator_validateMapping [as _validateMapping] (C:\Users\Moi\live\node_modules\source-map\lib\source-map-generator.js:277:13)
    at SourceMapGenerator_addMapping [as addMapping] (C:\Users\Moi\live\node_modules\source-map\lib\source-map-generator.js:101:12)
    at C:\Users\Moi\live\node_modules\source-map\lib\source-node.js:345:13
    at SourceNode_walk [as walk] (C:\Users\Moi\live\node_modules\source-map\lib\source-node.js:224:9)
    at SourceNode_walk [as walk] (C:\Users\Moi\live\node_modules\source-map\lib\source-node.js:220:13)
    at SourceNode_walk [as walk] (C:\Users\Moi\live\node_modules\source-map\lib\source-node.js:220:13)
    at SourceNode_toStringWithSourceMap [as toStringWithSourceMap] (C:\Users\Moi\live\node_modules\source-map\lib\source-node.js:336:8)
    at ConcatSource.proto.sourceAndMap (C:\Users\Moi\live\node_modules\webpack-sources\lib\SourceAndMapMixin.js:28:32)
    at Compilation.<anonymous> (C:\Users\Moi\live\node_modules\webpack\lib\SourceMapDevToolPlugin.js:57:32)
    at Array.map (native)
    at Compilation.<anonymous> (C:\Users\Moi\live\node_modules\webpack\lib\SourceMapDevToolPlugin.js:43:84)
    at Array.forEach (native)
    at Compilation.<anonymous> (C:\Users\Moi\live\node_modules\webpack\lib\SourceMapDevToolPlugin.js:42:11)
    at Compilation.applyPlugins1 (C:\Users\Moi\live\node_modules\tapable\lib\Tapable.js:75:14)
    at self.applyPluginsAsync.err (C:\Users\Moi\live\node_modules\webpack\lib\Compilation.js:630:11)
    at next (C:\Users\Moi\live\node_modules\tapable\lib\Tapable.js:138:11)

Is there a way to disable sourcemaps for css?

[kwelch]

I have not seen this before but the source maps are set in the loaders within the webpack config.

[nojaf]

@kwelch can I disable them for now somehow?

[kwelch]

You can turn them off, by removing the sourcemap flag from this line in the webpack.config.

react-slingshot/webpack.config.dev.js

Line 61 in 1a2b1d5

{test: /(\.css|\.scss|\.sass)$/, loaders: ['style-loader', 'css-loader?sourceMap', 'postcss-loader', 'sass-loader?sourceMap']}

It will have to be done for both dev and prod if the issue exists in both.

[nojaf]

Thanks, I'll try this out tonight

[nickytonline]

@nojaf, just following up. Did @kwelch's suggestion work for you?

[nojaf]

Yes it did.

[hvalcourtSerdy]

It appears this may be related to sass/libsass#2312