I am trying to use devtoolthe webpack function , I configured my configuration as follows:
{
devtool: 'eval-source-map'
}
Everything seems to be working fine, and I see that my source code is wrapped inside functions eval()and that the base64 source card is added to it.
However, my errors do not map to the source (Chrome Developer Tools), instead I get errors like the following:
ReferenceError: _ is not defined
at eval (eval at <anonymous> (http:
Where abc.jsis the name of my embedded and concatenated file. When I click on an error in the view, the source simply leads me to a function eval, for example:
eval("var __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_RESULT__ = (function() {\n /** @type {angular.Module} */\n return angular.module('utils', []);\n}.call(exports, __webpack_require__, exports, module)), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\n\n// Load exports\n__webpack_require__(6);\n//@ sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4vbW9kdWxlcy91dGlscy9zcmMvbW9kdWxlLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJrQ0FBQTtBQUNBLGFBQWEsZUFBZTtBQUM1QjtBQUNBLENBQUM7O0FBRUQ7QUFDQSIsInNvdXJjZXNDb250ZW50IjpbImRlZmluZShmdW5jdGlvbigpIHtcbiAgLyoqIEB0eXBlIHthbmd1bGFyLk1vZHVsZX0gKi9cbiAgcmV0dXJuIGFuZ3VsYXIubW9kdWxlKCd1dGlscycsIFtdKTtcbn0pO1xuXG4vLyBMb2FkIGV4cG9ydHNcbnJlcXVpcmUoJy4vZXhwb3J0cy9jb3JlJyk7XG4iXSwic291cmNlUm9vdCI6IndlYnBhY2stbW9kdWxlOi8vIn0=");
If I decode base64, I see that the source cards it generates seem to be valid:
{
"version":3,
"sources":[
"./modules/utils/src/module.js"
],
"names":[
],
"mappings":"kCAAA;AACA,aAAa,eAAe;AAC5B;AACA,CAAC;;AAED;AACA",
"sourcesContent":[
"define(function() {\n /** @type {angular.Module} */\n return angular.module('utils', []);\n});\n\n// Load exports\nrequire('./exports/core');\n"
],
"sourceRoot":"webpack-module://"
}
- , ? webpack .
, eval-source-map , ( ).