生产环境构建devtool必须加入cheap-module-eval-source-map，否则报错 #108

hxlhxl · 2019-07-08T06:51:11Z

Webpack4开发环境没问题，生产环境报错。devtool改变为开发环境的cheap-module-eval-source-map错误消失。
下面是截图：

surunzi · 2019-07-15T10:23:53Z

试了下，没发现报错，有没有示例代码？

kurdupovk · 2019-07-30T06:16:10Z

Hello,
I have encountered the same problem - with Webpack4 on load eruda script it gives me:

0.7996a05a.chunk.js:formatted:2293 Uncaught (in promise) TypeError: ze is not a function
    at 0.7996a05a.chunk.js:formatted:2293
    at Object.<anonymous> (0.7996a05a.chunk.js:formatted:2314)
    at Object.<anonymous> (0.7996a05a.chunk.js:formatted:2378)
    at n (0.7996a05a.chunk.js:formatted:16)
    at Object.<anonymous> (0.7996a05a.chunk.js:formatted:3876)
    at n (0.7996a05a.chunk.js:formatted:16)
    at Object.<anonymous> (0.7996a05a.chunk.js:formatted:6924)
    at n (0.7996a05a.chunk.js:formatted:16)
    at Object.<anonymous> (0.7996a05a.chunk.js:formatted:6633)
    at n (0.7996a05a.chunk.js:formatted:16)

Which leads to the line with code(unminified):
var localStorage = safeStorage('local');

I checked minified version of eruda(that webpack/webpack plugins minified) and found this code:

t.safeStorage = v.safeStorage = function(e) {
                        return {}
                    }())

I.e. safeStorage is initialized as an empty object not a function This is not expected and error happens.

How to solve problem?

var safeStorage = exports.safeStorage = _.safeStorage = function (exports) {
    /* Safe localStorage and sessionStorage.
     */

    /* dependencies
     * isUndef memStorage
     */

    function exports(type, memReplacement) {
        if (isUndef(memReplacement)) memReplacement = true;

        var ret = void 0;

        switch (type) {
            case 'local':
                ret = window.localStorage;
                break;
            case 'session':
                ret = window.sessionStorage;
                break;
        }

        try {
            // Safari private browsing
            var x = 'test-localStorage-' + Date.now();
            ret.setItem(x, x);
            var y = ret.getItem(x);
            ret.removeItem(x);
            if (y !== x) throw new Error();
        } catch (e) {
            if (memReplacement) return memStorage;
            return;
        }

        return ret;
    }

    return exports;
}({});

Function exports that is returned, must be renamed to other name, it conflicts with the argument with the same name that is passed to a function and by the way this argument is empty object. I suspect that a code minifier during minification removes expected function and replace it with empty object.

Good news: I have changed function name and no error happens on that line in code.
Bad news: error happens in other place with similar behavior(empty object returned instead of a function). I suspect there are multiple places with similar behavior.

UPDATE: The next bug with getFileName function - it has also returned function with exports name that conflicts with argument name

surunzi · 2019-08-02T11:30:00Z

@hxlhxl @kurdupovk Fixed, try v1.5.8

surunzi added the bug label Aug 2, 2019

This was referenced Aug 2, 2019

iOS报错 #112

Closed

生产环境报错 #113

Closed

surunzi closed this as completed in 12daf83 Aug 2, 2019

surunzi reopened this Aug 2, 2019

surunzi closed this as completed Aug 2, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

生产环境构建devtool必须加入cheap-module-eval-source-map，否则报错 #108

生产环境构建devtool必须加入cheap-module-eval-source-map，否则报错 #108

hxlhxl commented Jul 8, 2019

surunzi commented Jul 15, 2019

kurdupovk commented Jul 30, 2019 •

edited

Loading

surunzi commented Aug 2, 2019

生产环境构建devtool必须加入cheap-module-eval-source-map，否则报错 #108

生产环境构建devtool必须加入cheap-module-eval-source-map，否则报错 #108

Comments

hxlhxl commented Jul 8, 2019

surunzi commented Jul 15, 2019

kurdupovk commented Jul 30, 2019 • edited Loading

surunzi commented Aug 2, 2019

kurdupovk commented Jul 30, 2019 •

edited

Loading