React + Karma:Uncaught ReferenceError:require未定义\ nat

时间:2018-02-22 05:03:18

标签: reactjs karma-jasmine

以下是我的反应组件单元测试的spec文件( helloworld.spec.js ):

import React from 'react';
import ReactTestUtils from 'react-dom/test-utils'; // ES6
import {HelloWorld} from './helloworld';

describe("HelloWorld Test",function(){

it("check header", function(){
    var component = ReactTestUtils.renderIntoDocument(
                    <HelloWorld />
                    );
    var eventRow = TestUtils.findRenderedDOMComponentWithTag(
        component, 'h1'
        );
    expect(eventRow.getDOMNode().textContent)
    .toEqual("template header");
  });
});

这是 helloworld.js

import React from 'react';

export class HelloWorld extends React.Component{
    render(){
        return(
            <h1>Hello World!</h1>
        )
    }
}

我已经为单元测试设置了karma和jasmine并得到了错误:

{     “message”:“未捕获的ReferenceError:require未定义\ nat src / components / hello-world / helloworld.spec.js:3:14 \ n \ nReferenceError:require未定义\ n在src / components / hello-world /helloworld.spec.js:3:14"     “str”:“未捕获的ReferenceError:require未定义\ nat src / components / hello-world / helloworld.spec.js:3:14 \ n \ nReferenceError:require  没有定义\ n在src / components / hello-world / helloworld.spec.js:3:14“   }

但是我没有在代码中看到需要,所以它是如何定义的。 问题所在的任何线索,可能是一个配置?

1 个答案:

答案 0 :(得分:0)

这实际上意味着你要定义require。 Here是stackoverflow的链接

  

这是因为浏览器/客户端JavaScript

中不存在require()