question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] Requirejs complains Mismatched anonymous define() after upgrade to 1.21.1 related to cssTokenizer

See original GitHub issue

Context:

  • Playwright Version: 1.21.1
  • Operating System: Windows, Linux & Mac
  • Node.js version: 14.17.0
  • Browser: Chromium
  • Extra: This was working with Playwright versions 1.20.1

Describe the bug Under certain conditions, when running a test and launching the browser, I see this in the console

[2022-06-02T16:34:42.594Z] [console] [log] http://HOST/documents/static/gemini/js/main-a95442e.cache.js (0,101691)
[2022-06-02T16:34:42.594Z] [console] WebClient RequireJS Error - Type: mismatch Modules: undefined
[2022-06-02T16:34:42.594Z] [pageerror] Mismatched anonymous define() module: function(exports2) {
[2022-06-02T16:34:42.594Z]       var between = function(num, first, last) {
[2022-06-02T16:34:42.594Z]         return num >= first && num <= last;
[2022-06-02T16:34:42.594Z]       };
[2022-06-02T16:34:42.594Z]       function digit(code) {

If I inspect the code on the launched chrome browser, I see that there is injected code by playwright that seems to cause this issue

// packages/playwright-core/src/server/isomorphic/cssTokenizer.js
var require_cssTokenizer = __commonJS({
  "packages/playwright-core/src/server/isomorphic/cssTokenizer.js"(exports) {
    (function(root, factory) {
      if (typeof define === "function" && define.amd) {
        define(["exports"], factory);
      } else if (typeof exports !== "undefined") {
        factory(exports);
      } else {
        factory(root);
      }
    })(exports, function(exports2) {

This happens right when we run this piece of code on our side

require(['jquery', 'underscore', 'backbone', 'core/init'], function($, _, Backbone, init) {
      init.start();
});

On reloading the page, this issue disappears.

We do have other bundles that are loaded as a result of the require code. The exact file loaded inside a bundle when this issue happens has the following require header:

define([
  'jquery',
  'underscore',
  'core/osnGlobals',
  'ojs/ojcore',
  'knockout',
  'core/home/AppHomeViewModel',
  'core/view/BaseView',
  'core/home/AppHomeView.template',
  'css!geminiCss/gemini-home'
], function($, _, osn, oj, ko, AppHomeViewModel, BaseView, renderAppHomeViewTemplate) {
  "use strict";

Our require config has the following paths

    paths: {
      underscore: '../node_modules/underscore/underscore',
      backbone: '../node_modules/backbone/backbone',
      i18n: '../libs/i18n',
      gdk: '../libs/gdk/GDKFormat_1_0_0_130930_1',
      jquery: '../libs/jet/12.1.1/3rdparty/jquery/jquery-3.6.0.min',
      'jqueryui-amd': '../node_modules/jquery-ui/ui',
      knockout: '../libs/jet/12.1.1/3rdparty/knockout/knockout-3.5.1',
      hammerjs: '../libs/jet/12.1.1/3rdparty/hammer/hammer-2.0.8.min',
      ojdnd: '../libs/jet/12.1.1/3rdparty/dnd-polyfill/dnd-polyfill-1.0.2.min',
      signals: '../libs/jet/12.1.1/3rdparty/js-signals/signals.min',
      "preact/compat": '../libs/jet/12.1.1/3rdparty/preact/compat/dist/compat.umd',
      "preact/hooks": '../libs/jet/12.1.1/3rdparty/preact/hooks/dist/hooks.umd',
      preact: '../libs/jet/12.1.1/3rdparty/preact/dist/preact.umd',
      text: '../libs/jet/12.1.1/3rdparty/require/text',
      css: '../libs/jet/12.1.1/3rdparty/require-css/css.min',
      ojs: '../libs/jet/12.1.1/default/js/min',
      ojL10n: '../libs/jet/12.1.1/default/js/ojL10n',
      ojtranslations: '../libs/jet/12.1.1/default/js/resources',
    },

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:5
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

7reactions
dimitriBouteillecommented, Jun 20, 2022

Same issue with version 1.21.1 and 1.22.2.

With 1.20.2 not problem ! 🎉

npm i @playwright/test@1.20.2
npm i playwright@1.20.2

Full requirejs error log :

Console log
require.min.js:16 Uncaught Error: Mismatched anonymous define() module: function(exports2) {
      var between = function(num, first, last) {
        return num >= first && num <= last;
      };
      function digit(code) {
        return between(code, 48, 57);
      }
      function hexdigit(code) {
        return digit(code) || between(code, 65, 70) || between(code, 97, 102);
      }
      function uppercaseletter(code) {
        return between(code, 65, 90);
      }
      function lowercaseletter(code) {
        return between(code, 97, 122);
      }
      function letter(code) {
        return uppercaseletter(code) || lowercaseletter(code);
      }
      function nonascii(code) {
        return code >= 128;
      }
      function namestartchar(code) {
        return letter(code) || nonascii(code) || code == 95;
      }
      function namechar(code) {
        return namestartchar(code) || digit(code) || code == 45;
      }
      function nonprintable(code) {
        return between(code, 0, 8) || code == 11 || between(code, 14, 31) || code == 127;
      }
      function newline(code) {
        return code == 10;
      }
      function whitespace(code) {
        return newline(code) || code == 9 || code == 32;
      }
      function badescape(code) {
        return newline(code) || isNaN(code);
      }
      var maximumallowedcodepoint = 1114111;
      var InvalidCharacterError = function(message) {
        this.message = message;
      };
      InvalidCharacterError.prototype = new Error();
      InvalidCharacterError.prototype.name = "InvalidCharacterError";
      function preprocess(str) {
        var codepoints = [];
        for (var i = 0; i < str.length; i++) {
          var code = str.charCodeAt(i);
          if (code == 13 && str.charCodeAt(i + 1) == 10) {
            code = 10;
            i++;
          }
          if (code == 13 || code == 12)
            code = 10;
          if (code == 0)
            code = 65533;
          if (between(code, 55296, 56319) && between(str.charCodeAt(i + 1), 56320, 57343)) {
            var lead = code - 55296;
            var trail = str.charCodeAt(i + 1) - 56320;
            code = Math.pow(2, 16) + lead * Math.pow(2, 10) + trail;
            i++;
          }
          codepoints.push(code);
        }
        return codepoints;
      }
      function stringFromCode(code) {
        if (code <= 65535)
          return String.fromCharCode(code);
        code -= Math.pow(2, 16);
        var lead = Math.floor(code / Math.pow(2, 10)) + 55296;
        var trail = code % Math.pow(2, 10) + 56320;
        return String.fromCharCode(lead) + String.fromCharCode(trail);
      }
      function tokenize2(str) {
        str = preprocess(str);
        var i = -1;
        var tokens = [];
        var code;
        var line = 0;
        var column = 0;
        var lastLineLength = 0;
        var incrLineno = function() {
          line += 1;
          lastLineLength = column;
          column = 0;
        };
        var locStart = { line, column };
        var codepoint = function(i2) {
          if (i2 >= str.length) {
            return -1;
          }
          return str[i2];
        };
        var next = function(num) {
          if (num === void 0)
            num = 1;
          if (num > 3)
            throw "Spec Error: no more than three codepoints of lookahead.";
          return codepoint(i + num);
        };
        var consume = function(num) {
          if (num === void 0)
            num = 1;
          i += num;
          code = codepoint(i);
          if (newline(code))
            incrLineno();
          else
            column += num;
          return true;
        };
        var reconsume = function() {
          i -= 1;
          if (newline(code)) {
            line -= 1;
            column = lastLineLength;
          } else {
            column -= 1;
          }
          locStart.line = line;
          locStart.column = column;
          return true;
        };
        var eof = function(codepoint2) {
          if (codepoint2 === void 0)
            codepoint2 = code;
          return codepoint2 == -1;
        };
        var donothing = function() {
        };
        var parseerror = function() {
          console.log("Parse error at index " + i + ", processing codepoint 0x" + code.toString(16) + ".");
          return true;
        };
        var consumeAToken = function() {
          consumeComments();
          consume();
          if (whitespace(code)) {
            while (whitespace(next()))
              consume();
            return new WhitespaceToken2();
          } else if (code == 34)
            return consumeAStringToken();
          else if (code == 35) {
            if (namechar(next()) || areAValidEscape(next(1), next(2))) {
              var token = new HashToken2();
              if (wouldStartAnIdentifier(next(1), next(2), next(3)))
                token.type = "id";
              token.value = consumeAName();
              return token;
            } else {
              return new DelimToken2(code);
            }
          } else if (code == 36) {
            if (next() == 61) {
              consume();
              return new SuffixMatchToken();
            } else {
              return new DelimToken2(code);
            }
          } else if (code == 39)
            return consumeAStringToken();
          else if (code == 40)
            return new OpenParenToken();
          else if (code == 41)
            return new CloseParenToken2();
          else if (code == 42) {
            if (next() == 61) {
              consume();
              return new SubstringMatchToken();
            } else {
              return new DelimToken2(code);
            }
          } else if (code == 43) {
            if (startsWithANumber()) {
              reconsume();
              return consumeANumericToken();
            } else {
              return new DelimToken2(code);
            }
          } else if (code == 44)
            return new CommaToken2();
          else if (code == 45) {
            if (startsWithANumber()) {
              reconsume();
              return consumeANumericToken();
            } else if (next(1) == 45 && next(2) == 62) {
              consume(2);
              return new CDCToken2();
            } else if (startsWithAnIdentifier()) {
              reconsume();
              return consumeAnIdentlikeToken();
            } else {
              return new DelimToken2(code);
            }
          } else if (code == 46) {
            if (startsWithANumber()) {
              reconsume();
              return consumeANumericToken();
            } else {
              return new DelimToken2(code);
            }
          } else if (code == 58)
            return new ColonToken2();
          else if (code == 59)
            return new SemicolonToken2();
          else if (code == 60) {
            if (next(1) == 33 && next(2) == 45 && next(3) == 45) {
              consume(3);
              return new CDOToken2();
            } else {
              return new DelimToken2(code);
            }
          } else if (code == 64) {
            if (wouldStartAnIdentifier(next(1), next(2), next(3))) {
              return new AtKeywordToken2(consumeAName());
            } else {
              return new DelimToken2(code);
            }
          } else if (code == 91)
            return new OpenSquareToken2();
          else if (code == 92) {
            if (startsWithAValidEscape()) {
              reconsume();
              return consumeAnIdentlikeToken();
            } else {
              parseerror();
              return new DelimToken2(code);
            }
          } else if (code == 93)
            return new CloseSquareToken2();
          else if (code == 94) {
            if (next() == 61) {
              consume();
              return new PrefixMatchToken();
            } else {
              return new DelimToken2(code);
            }
          } else if (code == 123)
            return new OpenCurlyToken2();
          else if (code == 124) {
            if (next() == 61) {
              consume();
              return new DashMatchToken();
            } else if (next() == 124) {
              consume();
              return new ColumnToken2();
            } else {
              return new DelimToken2(code);
            }
          } else if (code == 125)
            return new CloseCurlyToken2();
          else if (code == 126) {
            if (next() == 61) {
              consume();
              return new IncludeMatchToken();
            } else {
              return new DelimToken2(code);
            }
          } else if (digit(code)) {
            reconsume();
            return consumeANumericToken();
          } else if (namestartchar(code)) {
            reconsume();
            return consumeAnIdentlikeToken();
          } else if (eof())
            return new EOFToken2();
          else
            return new DelimToken2(code);
        };
        var consumeComments = function() {
          while (next(1) == 47 && next(2) == 42) {
            consume(2);
            while (true) {
              consume();
              if (code == 42 && next() == 47) {
                consume();
                break;
              } else if (eof()) {
                parseerror();
                return;
              }
            }
          }
        };
        var consumeANumericToken = function() {
          var num = consumeANumber();
          if (wouldStartAnIdentifier(next(1), next(2), next(3))) {
            var token = new DimensionToken();
            token.value = num.value;
            token.repr = num.repr;
            token.type = num.type;
            token.unit = consumeAName();
            return token;
          } else if (next() == 37) {
            consume();
            var token = new PercentageToken2();
            token.value = num.value;
            token.repr = num.repr;
            return token;
          } else {
            var token = new NumberToken2();
            token.value = num.value;
            token.repr = num.repr;
            token.type = num.type;
            return token;
          }
        };
        var consumeAnIdentlikeToken = function() {
          var str2 = consumeAName();
          if (str2.toLowerCase() == "url" && next() == 40) {
            consume();
            while (whitespace(next(1)) && whitespace(next(2)))
              consume();
            if (next() == 34 || next() == 39) {
              return new FunctionToken2(str2);
            } else if (whitespace(next()) && (next(2) == 34 || next(2) == 39)) {
              return new FunctionToken2(str2);
            } else {
              return consumeAURLToken();
            }
          } else if (next() == 40) {
            consume();
            return new FunctionToken2(str2);
          } else {
            return new IdentToken2(str2);
          }
        };
        var consumeAStringToken = function(endingCodePoint) {
          if (endingCodePoint === void 0)
            endingCodePoint = code;
          var string = "";
          while (consume()) {
            if (code == endingCodePoint || eof()) {
              return new StringToken2(string);
            } else if (newline(code)) {
              parseerror();
              reconsume();
              return new BadStringToken2();
            } else if (code == 92) {
              if (eof(next())) {
                donothing();
              } else if (newline(next())) {
                consume();
              } else {
                string += stringFromCode(consumeEscape());
              }
            } else {
              string += stringFromCode(code);
            }
          }
        };
        var consumeAURLToken = function() {
          var token = new URLToken2("");
          while (whitespace(next()))
            consume();
          if (eof(next()))
            return token;
          while (consume()) {
            if (code == 41 || eof()) {
              return token;
            } else if (whitespace(code)) {
              while (whitespace(next()))
                consume();
              if (next() == 41 || eof(next())) {
                consume();
                return token;
              } else {
                consumeTheRemnantsOfABadURL();
                return new BadURLToken2();
              }
            } else if (code == 34 || code == 39 || code == 40 || nonprintable(code)) {
              parseerror();
              consumeTheRemnantsOfABadURL();
              return new BadURLToken2();
            } else if (code == 92) {
              if (startsWithAValidEscape()) {
                token.value += stringFromCode(consumeEscape());
              } else {
                parseerror();
                consumeTheRemnantsOfABadURL();
                return new BadURLToken2();
              }
            } else {
              token.value += stringFromCode(code);
            }
          }
        };
        var consumeEscape = function() {
          consume();
          if (hexdigit(code)) {
            var digits = [code];
            for (var total = 0; total < 5; total++) {
              if (hexdigit(next())) {
                consume();
                digits.push(code);
              } else {
                break;
              }
            }
            if (whitespace(next()))
              consume();
            var value = parseInt(digits.map(function(x) {
              return String.fromCharCode(x);
            }).join(""), 16);
            if (value > maximumallowedcodepoint)
              value = 65533;
            return value;
          } else if (eof()) {
            return 65533;
          } else {
            return code;
          }
        };
        var areAValidEscape = function(c1, c2) {
          if (c1 != 92)
            return false;
          if (newline(c2))
            return false;
          return true;
        };
        var startsWithAValidEscape = function() {
          return areAValidEscape(code, next());
        };
        var wouldStartAnIdentifier = function(c1, c2, c3) {
          if (c1 == 45) {
            return namestartchar(c2) || c2 == 45 || areAValidEscape(c2, c3);
          } else if (namestartchar(c1)) {
            return true;
          } else if (c1 == 92) {
            return areAValidEscape(c1, c2);
          } else {
            return false;
          }
        };
        var startsWithAnIdentifier = function() {
          return wouldStartAnIdentifier(code, next(1), next(2));
        };
        var wouldStartANumber = function(c1, c2, c3) {
          if (c1 == 43 || c1 == 45) {
            if (digit(c2))
              return true;
            if (c2 == 46 && digit(c3))
              return true;
            return false;
          } else if (c1 == 46) {
            if (digit(c2))
              return true;
            return false;
          } else if (digit(c1)) {
            return true;
          } else {
            return false;
          }
        };
        var startsWithANumber = function() {
          return wouldStartANumber(code, next(1), next(2));
        };
        var consumeAName = function() {
          var result = "";
          while (consume()) {
            if (namechar(code)) {
              result += stringFromCode(code);
            } else if (startsWithAValidEscape()) {
              result += stringFromCode(consumeEscape());
            } else {
              reconsume();
              return result;
            }
          }
        };
        var consumeANumber = function() {
          var repr = [];
          var type = "integer";
          if (next() == 43 || next() == 45) {
            consume();
            repr += stringFromCode(code);
          }
          while (digit(next())) {
            consume();
            repr += stringFromCode(code);
          }
          if (next(1) == 46 && digit(next(2))) {
            consume();
            repr += stringFromCode(code);
            consume();
            repr += stringFromCode(code);
            type = "number";
            while (digit(next())) {
              consume();
              repr += stringFromCode(code);
            }
          }
          var c1 = next(1), c2 = next(2), c3 = next(3);
          if ((c1 == 69 || c1 == 101) && digit(c2)) {
            consume();
            repr += stringFromCode(code);
            consume();
            repr += stringFromCode(code);
            type = "number";
            while (digit(next())) {
              consume();
              repr += stringFromCode(code);
            }
          } else if ((c1 == 69 || c1 == 101) && (c2 == 43 || c2 == 45) && digit(c3)) {
            consume();
            repr += stringFromCode(code);
            consume();
            repr += stringFromCode(code);
            consume();
            repr += stringFromCode(code);
            type = "number";
            while (digit(next())) {
              consume();
              repr += stringFromCode(code);
            }
          }
          var value = convertAStringToANumber(repr);
          return { type, value, repr };
        };
        var convertAStringToANumber = function(string) {
          return +string;
        };
        var consumeTheRemnantsOfABadURL = function() {
          while (consume()) {
            if (code == 41 || eof()) {
              return;
            } else if (startsWithAValidEscape()) {
              consumeEscape();
              donothing();
            } else {
              donothing();
            }
          }
        };
        var iterationCount = 0;
        while (!eof(next())) {
          tokens.push(consumeAToken());
          iterationCount++;
          if (iterationCount > str.length * 2)
            return "I'm infinite-looping!";
        }
        return tokens;
      }
      function CSSParserToken() {
        throw "Abstract Base Class";
      }
      CSSParserToken.prototype.toJSON = function() {
        return { token: this.tokenType };
      };
      CSSParserToken.prototype.toString = function() {
        return this.tokenType;
      };
      CSSParserToken.prototype.toSource = function() {
        return "" + this;
      };
      function BadStringToken2() {
        return this;
      }
      BadStringToken2.prototype = Object.create(CSSParserToken.prototype);
      BadStringToken2.prototype.tokenType = "BADSTRING";
      function BadURLToken2() {
        return this;
      }
      BadURLToken2.prototype = Object.create(CSSParserToken.prototype);
      BadURLToken2.prototype.tokenType = "BADURL";
      function WhitespaceToken2() {
        return this;
      }
      WhitespaceToken2.prototype = Object.create(CSSParserToken.prototype);
      WhitespaceToken2.prototype.tokenType = "WHITESPACE";
      WhitespaceToken2.prototype.toString = function() {
        return "WS";
      };
      WhitespaceToken2.prototype.toSource = function() {
        return " ";
      };
      function CDOToken2() {
        return this;
      }
      CDOToken2.prototype = Object.create(CSSParserToken.prototype);
      CDOToken2.prototype.tokenType = "CDO";
      CDOToken2.prototype.toSource = function() {
        return "<!--";
      };
      function CDCToken2() {
        return this;
      }
      CDCToken2.prototype = Object.create(CSSParserToken.prototype);
      CDCToken2.prototype.tokenType = "CDC";
      CDCToken2.prototype.toSource = function() {
        return "-->";
      };
      function ColonToken2() {
        return this;
      }
      ColonToken2.prototype = Object.create(CSSParserToken.prototype);
      ColonToken2.prototype.tokenType = ":";
      function SemicolonToken2() {
        return this;
      }
      SemicolonToken2.prototype = Object.create(CSSParserToken.prototype);
      SemicolonToken2.prototype.tokenType = ";";
      function CommaToken2() {
        return this;
      }
      CommaToken2.prototype = Object.create(CSSParserToken.prototype);
      CommaToken2.prototype.tokenType = ",";
      function GroupingToken() {
        throw "Abstract Base Class";
      }
      GroupingToken.prototype = Object.create(CSSParserToken.prototype);
      function OpenCurlyToken2() {
        this.value = "{";
        this.mirror = "}";
        return this;
      }
      OpenCurlyToken2.prototype = Object.create(GroupingToken.prototype);
      OpenCurlyToken2.prototype.tokenType = "{";
      function CloseCurlyToken2() {
        this.value = "}";
        this.mirror = "{";
        return this;
      }
      CloseCurlyToken2.prototype = Object.create(GroupingToken.prototype);
      CloseCurlyToken2.prototype.tokenType = "}";
      function OpenSquareToken2() {
        this.value = "[";
        this.mirror = "]";
        return this;
      }
      OpenSquareToken2.prototype = Object.create(GroupingToken.prototype);
      OpenSquareToken2.prototype.tokenType = "[";
      function CloseSquareToken2() {
        this.value = "]";
        this.mirror = "[";
        return this;
      }
      CloseSquareToken2.prototype = Object.create(GroupingToken.prototype);
      CloseSquareToken2.prototype.tokenType = "]";
      function OpenParenToken() {
        this.value = "(";
        this.mirror = ")";
        return this;
      }
      OpenParenToken.prototype = Object.create(GroupingToken.prototype);
      OpenParenToken.prototype.tokenType = "(";
      function CloseParenToken2() {
        this.value = ")";
        this.mirror = "(";
        return this;
      }
      CloseParenToken2.prototype = Object.create(GroupingToken.prototype);
      CloseParenToken2.prototype.tokenType = ")";
      function IncludeMatchToken() {
        return this;
      }
      IncludeMatchToken.prototype = Object.create(CSSParserToken.prototype);
      IncludeMatchToken.prototype.tokenType = "~=";
      function DashMatchToken() {
        return this;
      }
      DashMatchToken.prototype = Object.create(CSSParserToken.prototype);
      DashMatchToken.prototype.tokenType = "|=";
      function PrefixMatchToken() {
        return this;
      }
      PrefixMatchToken.prototype = Object.create(CSSParserToken.prototype);
      PrefixMatchToken.prototype.tokenType = "^=";
      function SuffixMatchToken() {
        return this;
      }
      SuffixMatchToken.prototype = Object.create(CSSParserToken.prototype);
      SuffixMatchToken.prototype.tokenType = "$=";
      function SubstringMatchToken() {
        return this;
      }
      SubstringMatchToken.prototype = Object.create(CSSParserToken.prototype);
      SubstringMatchToken.prototype.tokenType = "*=";
      function ColumnToken2() {
        return this;
      }
      ColumnToken2.prototype = Object.create(CSSParserToken.prototype);
      ColumnToken2.prototype.tokenType = "||";
      function EOFToken2() {
        return this;
      }
      EOFToken2.prototype = Object.create(CSSParserToken.prototype);
      EOFToken2.prototype.tokenType = "EOF";
      EOFToken2.prototype.toSource = function() {
        return "";
      };
      function DelimToken2(code) {
        this.value = stringFromCode(code);
        return this;
      }
      DelimToken2.prototype = Object.create(CSSParserToken.prototype);
      DelimToken2.prototype.tokenType = "DELIM";
      DelimToken2.prototype.toString = function() {
        return "DELIM(" + this.value + ")";
      };
      DelimToken2.prototype.toJSON = function() {
        var json = this.constructor.prototype.constructor.prototype.toJSON.call(this);
        json.value = this.value;
        return json;
      };
      DelimToken2.prototype.toSource = function() {
        if (this.value == "\\")
          return "\\\n";
        else
          return this.value;
      };
      function StringValuedToken() {
        throw "Abstract Base Class";
      }
      StringValuedToken.prototype = Object.create(CSSParserToken.prototype);
      StringValuedToken.prototype.ASCIIMatch = function(str) {
        return this.value.toLowerCase() == str.toLowerCase();
      };
      StringValuedToken.prototype.toJSON = function() {
        var json = this.constructor.prototype.constructor.prototype.toJSON.call(this);
        json.value = this.value;
        return json;
      };
      function IdentToken2(val) {
        this.value = val;
      }
      IdentToken2.prototype = Object.create(StringValuedToken.prototype);
      IdentToken2.prototype.tokenType = "IDENT";
      IdentToken2.prototype.toString = function() {
        return "IDENT(" + this.value + ")";
      };
      IdentToken2.prototype.toSource = function() {
        return escapeIdent(this.value);
      };
      function FunctionToken2(val) {
        this.value = val;
        this.mirror = ")";
      }
      FunctionToken2.prototype = Object.create(StringValuedToken.prototype);
      FunctionToken2.prototype.tokenType = "FUNCTION";
      FunctionToken2.prototype.toString = function() {
        return "FUNCTION(" + this.value + ")";
      };
      FunctionToken2.prototype.toSource = function() {
        return escapeIdent(this.value) + "(";
      };
      function AtKeywordToken2(val) {
        this.value = val;
      }
      AtKeywordToken2.prototype = Object.create(StringValuedToken.prototype);
      AtKeywordToken2.prototype.tokenType = "AT-KEYWORD";
      AtKeywordToken2.prototype.toString = function() {
        return "AT(" + this.value + ")";
      };
      AtKeywordToken2.prototype.toSource = function() {
        return "@" + escapeIdent(this.value);
      };
      function HashToken2(val) {
        this.value = val;
        this.type = "unrestricted";
      }
      HashToken2.prototype = Object.create(StringValuedToken.prototype);
      HashToken2.prototype.tokenType = "HASH";
      HashToken2.prototype.toString = function() {
        return "HASH(" + this.value + ")";
      };
      HashToken2.prototype.toJSON = function() {
        var json = this.constructor.prototype.constructor.prototype.toJSON.call(this);
        json.value = this.value;
        json.type = this.type;
        return json;
      };
      HashToken2.prototype.toSource = function() {
        if (this.type == "id") {
          return "#" + escapeIdent(this.value);
        } else {
          return "#" + escapeHash(this.value);
        }
      };
      function StringToken2(val) {
        this.value = val;
      }
      StringToken2.prototype = Object.create(StringValuedToken.prototype);
      StringToken2.prototype.tokenType = "STRING";
      StringToken2.prototype.toString = function() {
        return '"' + escapeString(this.value) + '"';
      };
      function URLToken2(val) {
        this.value = val;
      }
      URLToken2.prototype = Object.create(StringValuedToken.prototype);
      URLToken2.prototype.tokenType = "URL";
      URLToken2.prototype.toString = function() {
        return "URL(" + this.value + ")";
      };
      URLToken2.prototype.toSource = function() {
        return 'url("' + escapeString(this.value) + '")';
      };
      function NumberToken2() {
        this.value = null;
        this.type = "integer";
        this.repr = "";
      }
      NumberToken2.prototype = Object.create(CSSParserToken.prototype);
      NumberToken2.prototype.tokenType = "NUMBER";
      NumberToken2.prototype.toString = function() {
        if (this.type == "integer")
          return "INT(" + this.value + ")";
        return "NUMBER(" + this.value + ")";
      };
      NumberToken2.prototype.toJSON = function() {
        var json = this.constructor.prototype.constructor.prototype.toJSON.call(this);
        json.value = this.value;
        json.type = this.type;
        json.repr = this.repr;
        return json;
      };
      NumberToken2.prototype.toSource = function() {
        return this.repr;
      };
      function PercentageToken2() {
        this.value = null;
        this.repr = "";
      }
      PercentageToken2.prototype = Object.create(CSSParserToken.prototype);
      PercentageToken2.prototype.tokenType = "PERCENTAGE";
      PercentageToken2.prototype.toString = function() {
        return "PERCENTAGE(" + this.value + ")";
      };
      PercentageToken2.prototype.toJSON = function() {
        var json = this.constructor.prototype.constructor.prototype.toJSON.call(this);
        json.value = this.value;
        json.repr = this.repr;
        return json;
      };
      PercentageToken2.prototype.toSource = function() {
        return this.repr + "%";
      };
      function DimensionToken() {
        this.value = null;
        this.type = "integer";
        this.repr = "";
        this.unit = "";
      }
      DimensionToken.prototype = Object.create(CSSParserToken.prototype);
      DimensionToken.prototype.tokenType = "DIMENSION";
      DimensionToken.prototype.toString = function() {
        return "DIM(" + this.value + "," + this.unit + ")";
      };
      DimensionToken.prototype.toJSON = function() {
        var json = this.constructor.prototype.constructor.prototype.toJSON.call(this);
        json.value = this.value;
        json.type = this.type;
        json.repr = this.repr;
        json.unit = this.unit;
        return json;
      };
      DimensionToken.prototype.toSource = function() {
        var source = this.repr;
        var unit = escapeIdent(this.unit);
        if (unit[0].toLowerCase() == "e" && (unit[1] == "-" || between(unit.charCodeAt(1), 48, 57))) {
          unit = "\\65 " + unit.slice(1, unit.length);
        }
        return source + unit;
      };
      function escapeIdent(string) {
        string = "" + string;
        var result = "";
        var firstcode = string.charCodeAt(0);
        for (var i = 0; i < string.length; i++) {
          var code = string.charCodeAt(i);
          if (code == 0) {
            throw new InvalidCharacterError("Invalid character: the input contains U+0000.");
          }
          if (between(code, 1, 31) || code == 127 || i == 0 && between(code, 48, 57) || i == 1 && between(code, 48, 57) && firstcode == 45) {
            result += "\\" + code.toString(16) + " ";
          } else if (code >= 128 || code == 45 || code == 95 || between(code, 48, 57) || between(code, 65, 90) || between(code, 97, 122)) {
            result += string[i];
          } else {
            result += "\\" + string[i];
          }
        }
        return result;
      }
      function escapeHash(string) {
        string = "" + string;
        var result = "";
        var firstcode = string.charCodeAt(0);
        for (var i = 0; i < string.length; i++) {
          var code = string.charCodeAt(i);
          if (code == 0) {
            throw new InvalidCharacterError("Invalid character: the input contains U+0000.");
          }
          if (code >= 128 || code == 45 || code == 95 || between(code, 48, 57) || between(code, 65, 90) || between(code, 97, 122)) {
            result += string[i];
          } else {
            result += "\\" + code.toString(16) + " ";
          }
        }
        return result;
      }
      function escapeString(string) {
        string = "" + string;
        var result = "";
        for (var i = 0; i < string.length; i++) {
          var code = string.charCodeAt(i);
          if (code == 0) {
            throw new InvalidCharacterError("Invalid character: the input contains U+0000.");
          }
          if (between(code, 1, 31) || code == 127) {
            result += "\\" + code.toString(16) + " ";
          } else if (code == 34 || code == 92) {
            result += "\\" + string[i];
          } else {
            result += string[i];
          }
        }
        return result;
      }
      exports2.tokenize = tokenize2;
      exports2.IdentToken = IdentToken2;
      exports2.FunctionToken = FunctionToken2;
      exports2.AtKeywordToken = AtKeywordToken2;
      exports2.HashToken = HashToken2;
      exports2.StringToken = StringToken2;
      exports2.BadStringToken = BadStringToken2;
      exports2.URLToken = URLToken2;
      exports2.BadURLToken = BadURLToken2;
      exports2.DelimToken = DelimToken2;
      exports2.NumberToken = NumberToken2;
      exports2.PercentageToken = PercentageToken2;
      exports2.DimensionToken = DimensionToken;
      exports2.IncludeMatchToken = IncludeMatchToken;
      exports2.DashMatchToken = DashMatchToken;
      exports2.PrefixMatchToken = PrefixMatchToken;
      exports2.SuffixMatchToken = SuffixMatchToken;
      exports2.SubstringMatchToken = SubstringMatchToken;
      exports2.ColumnToken = ColumnToken2;
      exports2.WhitespaceToken = WhitespaceToken2;
      exports2.CDOToken = CDOToken2;
      exports2.CDCToken = CDCToken2;
      exports2.ColonToken = ColonToken2;
      exports2.SemicolonToken = SemicolonToken2;
      exports2.CommaToken = CommaToken2;
      exports2.OpenParenToken = OpenParenToken;
      exports2.CloseParenToken = CloseParenToken2;
      exports2.OpenSquareToken = OpenSquareToken2;
      exports2.CloseSquareToken = CloseSquareToken2;
      exports2.OpenCurlyToken = OpenCurlyToken2;
      exports2.CloseCurlyToken = CloseCurlyToken2;
      exports2.EOFToken = EOFToken2;
      exports2.CSSParserToken = CSSParserToken;
      exports2.GroupingToken = GroupingToken;
    }
http://requirejs.org/docs/errors.html#mismatch
    at makeError (require.min.js:16:53)
    at intakeDefines (require.min.js:77:132)
    at require.min.js:97:45
makeError @ require.min.js:16
intakeDefines @ require.min.js:77
(anonymous) @ require.min.js:97
setTimeout (async)
req.nextTick @ require.min.js:117
localRequire @ require.min.js:97
load @ mixins.min.js:8
(anonymous) @ require.min.js:71
(anonymous) @ require.min.js:11
on @ require.min.js:40
callPlugin @ require.min.js:61
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
callGetModule @ require.min.js:74
completeLoad @ require.min.js:103
require.load @ static.min.js:11
load @ require.min.js:112
load @ require.min.js:55
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
(anonymous) @ require.min.js:97
setTimeout (async)
req.nextTick @ require.min.js:117
localRequire @ require.min.js:97
load @ mixins.min.js:8
(anonymous) @ require.min.js:71
(anonymous) @ require.min.js:11
on @ require.min.js:40
callPlugin @ require.min.js:61
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
callGetModule @ require.min.js:74
completeLoad @ require.min.js:103
onScriptLoad @ require.min.js:112
load (async)
req.load @ require.min.js:119
require.load @ static.min.js:11
load @ require.min.js:112
load @ require.min.js:55
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
(anonymous) @ require.min.js:97
setTimeout (async)
req.nextTick @ require.min.js:117
localRequire @ require.min.js:97
defContext.require @ mixins.min.js:11
requirejs @ require.min.js:117
loadSource @ VM4100:9
eval @ VM3861:221
fire @ VM3861:214
add @ VM3861:217
eval @ VM3861:221
each @ VM3861:30
eval @ VM3861:221
jQuery.Deferred @ VM3915:58
then @ VM3861:221
initComponent @ VM4100:27
process @ VM4100:16
iterator @ VM4100:14
_.each._.forEach @ VM3867:9
run @ VM4100:13
process @ VM4100:17
iterator @ VM4100:14
_.each._.forEach @ VM3867:9
run @ VM4100:13
process @ VM4100:17
iterator @ VM4100:14
_.each._.forEach @ VM3867:9
run @ VM4100:13
process @ VM4100:17
iterator @ VM4100:14
_.each._.forEach @ VM3867:9
run @ VM4100:13
process @ VM4100:17
iterator @ VM4100:14
_.each._.forEach @ VM3867:9
run @ VM4100:13
process @ VM4100:17
iterator @ VM4100:14
_.each._.forEach @ VM3867:9
run @ VM4100:13
process @ VM4100:17
iterator @ VM4100:14
_.each._.forEach @ VM3867:9
run @ VM4100:13
process @ VM4100:17
iterator @ VM4100:14
_.each._.forEach @ VM3867:9
run @ VM4100:13
eval @ VM4075:3
setTimeout (async)
eval @ VM3871:5
execCb @ require.min.js:112
context.execCb @ VM4077:14
check @ require.min.js:56
(anonymous) @ require.min.js:72
(anonymous) @ require.min.js:11
(anonymous) @ require.min.js:74
each @ require.min.js:3
emit @ require.min.js:74
check @ require.min.js:61
(anonymous) @ require.min.js:72
(anonymous) @ require.min.js:11
(anonymous) @ require.min.js:74
each @ require.min.js:3
emit @ require.min.js:74
check @ require.min.js:61
enable @ require.min.js:73
init @ require.min.js:54
(anonymous) @ require.min.js:66
(anonymous) @ require.min.js:11
(anonymous) @ mixins.min.js:8
execCb @ require.min.js:112
context.execCb @ VM4077:14
check @ require.min.js:56
enable @ require.min.js:73
init @ require.min.js:54
(anonymous) @ require.min.js:97
setTimeout (async)
req.nextTick @ require.min.js:117
localRequire @ require.min.js:97
load @ mixins.min.js:8
(anonymous) @ require.min.js:71
(anonymous) @ require.min.js:11
on @ require.min.js:40
callPlugin @ require.min.js:61
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
callGetModule @ require.min.js:74
completeLoad @ require.min.js:103
require.load @ static.min.js:11
load @ require.min.js:112
load @ require.min.js:55
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
(anonymous) @ require.min.js:97
setTimeout (async)
req.nextTick @ require.min.js:117
localRequire @ require.min.js:97
defContext.require @ mixins.min.js:11
requirejs @ require.min.js:117
init @ VM3871:3
eval @ VM3871:9
_.each._.forEach @ VM3867:9
eval @ VM3871:8
apply @ VM3871:8
setTimeout (async)
eval @ VM3878:3
execCb @ require.min.js:112
check @ require.min.js:56
(anonymous) @ require.min.js:72
(anonymous) @ require.min.js:11
(anonymous) @ require.min.js:74
each @ require.min.js:3
emit @ require.min.js:74
check @ require.min.js:61
(anonymous) @ require.min.js:72
(anonymous) @ require.min.js:11
(anonymous) @ require.min.js:74
each @ require.min.js:3
emit @ require.min.js:74
check @ require.min.js:61
enable @ require.min.js:73
init @ require.min.js:54
(anonymous) @ require.min.js:66
(anonymous) @ require.min.js:11
(anonymous) @ mixins.min.js:8
execCb @ require.min.js:112
check @ require.min.js:56
(anonymous) @ require.min.js:72
(anonymous) @ require.min.js:11
(anonymous) @ require.min.js:74
each @ require.min.js:3
emit @ require.min.js:74
check @ require.min.js:61
(anonymous) @ require.min.js:72
(anonymous) @ require.min.js:11
(anonymous) @ require.min.js:74
each @ require.min.js:3
emit @ require.min.js:74
check @ require.min.js:61
enable @ require.min.js:73
init @ require.min.js:54
(anonymous) @ require.min.js:66
(anonymous) @ require.min.js:11
(anonymous) @ mixins.min.js:8
execCb @ require.min.js:112
check @ require.min.js:56
(anonymous) @ require.min.js:72
(anonymous) @ require.min.js:11
(anonymous) @ require.min.js:74
each @ require.min.js:3
emit @ require.min.js:74
check @ require.min.js:61
(anonymous) @ require.min.js:72
(anonymous) @ require.min.js:11
(anonymous) @ require.min.js:74
each @ require.min.js:3
emit @ require.min.js:74
check @ require.min.js:61
enable @ require.min.js:73
init @ require.min.js:54
(anonymous) @ require.min.js:66
(anonymous) @ require.min.js:11
eval @ VM3873:12
xhr.onreadystatechange @ VM3873:10
XMLHttpRequest.send (async)
getContent @ VM3873:11
loadContent @ VM3873:12
text.load @ static.min.js:12
(anonymous) @ require.min.js:71
(anonymous) @ require.min.js:11
on @ require.min.js:40
callPlugin @ require.min.js:61
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
callGetModule @ require.min.js:74
completeLoad @ require.min.js:103
require.load @ static.min.js:11
load @ require.min.js:112
load @ require.min.js:55
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
(anonymous) @ require.min.js:97
setTimeout (async)
req.nextTick @ require.min.js:117
localRequire @ require.min.js:97
load @ mixins.min.js:8
(anonymous) @ require.min.js:71
(anonymous) @ require.min.js:11
on @ require.min.js:40
callPlugin @ require.min.js:61
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
callGetModule @ require.min.js:74
completeLoad @ require.min.js:103
require.load @ static.min.js:11
load @ require.min.js:112
load @ require.min.js:55
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
(anonymous) @ require.min.js:97
setTimeout (async)
req.nextTick @ require.min.js:117
localRequire @ require.min.js:97
load @ mixins.min.js:8
(anonymous) @ require.min.js:71
(anonymous) @ require.min.js:11
on @ require.min.js:40
callPlugin @ require.min.js:61
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
callGetModule @ require.min.js:74
completeLoad @ require.min.js:103
require.load @ static.min.js:11
load @ require.min.js:112
load @ require.min.js:55
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
callGetModule @ require.min.js:74
completeLoad @ require.min.js:103
require.load @ static.min.js:11
load @ require.min.js:112
load @ require.min.js:55
fetch @ require.min.js:55
check @ require.min.js:56
enable @ require.min.js:73
enable @ require.min.js:101
(anonymous) @ require.min.js:73
(anonymous) @ require.min.js:11
each @ require.min.js:3
enable @ require.min.js:71
init @ require.min.js:54
(anonymous) @ require.min.js:97
setTimeout (async)
req.nextTick @ require.min.js:117
localRequire @ require.min.js:97
configure @ require.min.js:86
requirejs @ require.min.js:116
req.config @ require.min.js:117
(anonymous) @ requirejs-config.min.js:3
(anonymous) @ requirejs-config.min.js:3
(anonymous) @ requirejs-config.min.js:7
Show 151 more frames
check.js;CIS3SID=ACCD4F0B5C9D816276CC9E6F63C51B0D?org_id=w2txo5aa&session_id=m2ahr0chm6ly9zdgfnaw5nlm9tzwdhd2f0y2hlcy5jb20vzw4tdxmv1495348&nonce=d4ca73591954b41a&jb=3d32262e68736d7d354e61667d72266871653d4e69647d702e6a79607535436a706f65672e62716a3d496a706f6f6f273230313839:37 
4reactions
1hakusai1commented, Jul 28, 2022

Same issue with v1.24.1

Read more comments on GitHub >

github_iconTop Results From Across the Web

RequireJS Error: Mismatched Anonymous Define() Module
Templates with scripts that leverage RequireJS code and were working prior to upgrading to 9.0 now show an error in the console of...
Read more >
Mismatched anonymous define() module - Stack Overflow
The requirejs file was loading asynchronously so I suspect that the require's define was defined after the other libraries define, hence the ...
Read more >
Common Errors - RequireJS
Mismatched anonymous define() modules . ... you manually code a script tag in HTML to load a script with an anonymous define() call,...
Read more >
Uncaught Error: Mismatched anonymous define() module
After that use this file again in this path = app/code/Sample/Module/view/adminhtml/web/js/restore-order.js where you are defining it
Read more >
Mismatched anonymous define() module error when using ...
I understand that RequireJS is a JavaScript file and module loader, but I know very little about javascript; so any suggestions for the ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found