无法导入Reactjs类与摩卡测试和酶

我的测试文件的代码是：无法导入Reactjs类与摩卡测试和酶

var React = require('react'); 
var {shalow} = require('enzyme') 
var {SearchBox} = require('../static/js/functions') 
var expect = require('expect'); 

describe('Test', function(){ 
    it('1', function(){ 
    expect(true).toEqual(true); 
    }); 
});

这是我作出反应类functions.js

var SearchBox = React.createClass({ 
    render: function() { 
    return (
     <div> 
     <SearchList data={this.props.data}></SearchList> 
     <li> 
      <button id="previous_page" className="previous_page" onClick={back}>Previous</button> 
      <button id="next_page" className="next_page" onClick={next}>Next</button> 
     </li> 
     </div> 
    ) 
    } 
});

据工作很好，但我想写测试，当我运行它时，它输出以下错误：

[email protected]:~/Desktop/Kamal Hasan/pedialink$ mocha ./js_test/*.js /home/irtza/Desktop/Kamal Hasan/pedialink/static/js/functions.js:39 , ^SyntaxError: Unexpected token < at exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:511:25) at Object.Module._extensions..js (module.js:550:10) at Module.load (module.js:456:32) at tryModuleLoad (module.js:415:12) at Function.Module._load (module.js:407:3) at Module.require (module.js:466:17) at require (internal/module.js:20:19) at Object. (/home/irtza/Desktop/Kamal Hasan/pedialink/js_test/test.js:3:19) at Module._compile (module.js:541:32) at Object.Module._extensions..js (module.js:550:10) at Module.load (module.js:456:32) at tryModuleLoad (module.js:415:12) at Function.Module._load (module.js:407:3) at Module.require (module.js:466:17) at require (internal/module.js:20:19) at /usr/local/lib/node_modules/mocha/lib/mocha.js:220:27 at Array.forEach (native) at Mocha.loadFiles (/usr/local/lib/node_modules/mocha/lib/mocha.js:217:14) at Mocha.run (/usr/local/lib/node_modules/mocha/lib/mocha.js:485:10) at Object. (/usr/local/lib/node_modules/mocha/bin/_mocha:405:18) at Module._compile (module.js:541:32) at Object.Module._extensions..js (module.js:550:10) at Module.load (module.js:456:32) at tryModuleLoad (module.js:415:12) at Function.Module._load (module.js:407:3) at Function.Module.runMain (module.js:575:10) at startup (node.js:159:18) at node.js:444:3

来源

2016-08-02 Kamal Hasan

您需要更新节点（mocha取决于node.js）版本（以支持es6模块）或使用requireJS - module.exports ... +导出组件您应该检查您的节点版本支持的es6的哪些部分，因为传递给摩卡的代码不是“babelized”:)

来源

2016-08-02 09:32:18 Moonjsit

它是6.0的最新 –

检查：https：//kangax.github.io/compat-table/es6/如果您不使用JS的不受支持的部分。加上什么是下一个和后面（传递给onClick）？定义在哪里？ – Moonjsit

您的代码是ES5和ES6语法的混合。

我认为，从这个代码部分来的问题：

var React = require('react'); 
var {shalow} = require('enzyme'); 
var {SearchBox} = require('../static/js/functions');

如果你想使用ES5语法：

var React = require('react'); 
var shalow = require('enzyme').shalow; // notice how we access object property `.objectProperty` 
var SearchBox = require('../static/js/functions');

如果你想使用ES6语法：

import React from 'react'; 
import {shalow} form 'enzyme'; // notice how we access object property `{objectProperty}` 
import SearchBox form '../static/js/functions';

也会确保在您的function.js文件的结尾处导出组件：

module.exports = SearchBox; // ES5 syntax 
export default SearchBox; // ES6 syntax

来源

2016-08-03 11:10:44

无法导入Reactjs类与摩卡测试和酶

回答

相关问题