Question

我正在尝试使用Qunit为这个html进行单元测试。我得到的错误是Uncaught SyntaxError: Unexpected token < in JSON at position 0。它指向“＆lt;”在<!DOCTYPE html>显然这不是JSON，但它认为是，但我不确定为什么。

<!DOCTYPE html>
        <html>
        <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width">
          <title>Pinpoint Test</title>
          <link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.0.0.css">

          <script type="text/javascript" src="https://code.jquery.com/qunit/qunit-2.0.0.js"></script>
          <script type="text/javascript" src="lib/jquery-3.0.0.min.js"></script>  
          <script type="text/javascript" src="jshamcrest.js"></script>
          <script type="text/javascript" src="core.js"></script>
          <script type="text/javascript" src="integration.js"></script>  
          <script type="text/javascript" src="jsmockito-1.0.4.js"></script>

          <script type="text/javascript" src="lib/handlebars-v4.0.5.js"></script>
          <script type="text/javascript" src="bootstrap.min.js"></script>

          <script src="pinpoint.js"></script>
          <script src="pinpointTest.js"></script>
        </head>
        <body>
          <div id="qunit"></div>
          <div id="qunit-fixture">
          //a lot more html
    </body>
    </html

它说Source: at window.onerror (https://code.jquery.com/qunit/qunit-2.0.0.js:322:11)

qunit-2.0.0.js：

    // Cover uncaught exceptions
    // Returning true will suppress the default browser handler,
    // returning false will let it run.
    window.onerror = function( error, filePath, linerNr ) {
        var ret = false;
        if ( onErrorFnPrev ) {
            ret = onErrorFnPrev( error, filePath, linerNr );
        }

        // Treat return value as window.onerror itself does,
        // Only do our handling if not suppressed.
        if ( ret !== true ) {
            if ( QUnit.config.current ) {


        if ( QUnit.config.current.ignoreGlobalErrors ) {
                    return true;
                }
                QUnit.pushFailure( error, filePath + ":" + linerNr );
            } else {
//322               QUnit.test( "global failure", extend( function() {
                    QUnit.pushFailure( error, filePath + ":" + linerNr );
                }, { validTest: true } ) );
            }
            return false;
        }

        return ret;
    };

Answer 1

我的猜测是，在这个示例中，在html文件末尾缺少>只是一个错字？我认为您可能需要将所有这些<script>标记放在<body>的末尾而不是<head> ... QUnit希望<div id="qunit"></div>标记放置其UI in，并且实际上，您的测试试图在HTML加载之前运行。尝试一下，但是如果它不起作用，你可以将测试简化为一个简单的assert.equall(1, 1)来看看它是否有效吗？如果您希望我们查看它们，您也可以使用实际测试更新问题。

为什么index.html被视为JSON？意外的令牌＆lt;在0号位置

1 个答案: