Javascript es6默认导入的问题
我不明白为什么下面的方法不起作用 GroupList.jsJavascript es6默认导入的问题,javascript,ecmascript-6,babeljs,redux,Javascript,Ecmascript 6,Babeljs,Redux,我不明白为什么下面的方法不起作用 GroupList.js export default Relay.createContainer(List, { ... }) 传送至: exports.List = List; exports['default'] = _reactRelay2['default'].createContainer(List, { } }); exports.List = List; var GroupList = _reactRelay2['default'].crea
export default Relay.createContainer(List, {
...
})
传送至:
exports.List = List;
exports['default'] = _reactRelay2['default'].createContainer(List, {
}
});
exports.List = List;
var GroupList = _reactRelay2['default'].createContainer(List, {
...
});
exports.GroupList = GroupList;
按以下方式导入它不起作用
import GroupList from './GroupList';
或
但是下面的工作
export const GroupList = Relay.createContainer(List, {
..
});
传送至:
exports.List = List;
exports['default'] = _reactRelay2['default'].createContainer(List, {
}
});
exports.List = List;
var GroupList = _reactRelay2['default'].createContainer(List, {
...
});
exports.GroupList = GroupList;
在另一个类似的模块中导入这样的功能
import {GroupList} from './GroupList';
那么,有什么区别呢?也就是说,如果我使用表单,如何将其导入另一个文件
export default Relay.createContainer(List, {
编辑:根据@bergi的要求添加信息
工作
运输进口:
var _GroupList = __webpack_require__(324);
var _GroupList = __webpack_require__(324);
网页包模块:
/***/ },
/* 324 */
/***/ function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(module) {'use strict';
...
var GroupList = (0, _redux.compose)((0, _utilsRelay2['default'])({
...
}))(List);
exports.GroupList = GroupList;
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(34)(module)))
/***/ },
/* 325 */
/***/ },
/* 324 */
/***/ function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(module) {'use strict';
...
exports.List = List;
exports['default'] = (0, _redux.compose)(
...
}))(List);
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(34)(module)))
/***/ },
/* 325 */
不工作:
运输进口:
var _GroupList = __webpack_require__(324);
var _GroupList = __webpack_require__(324);
网页包模块:
/***/ },
/* 324 */
/***/ function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(module) {'use strict';
...
var GroupList = (0, _redux.compose)((0, _utilsRelay2['default'])({
...
}))(List);
exports.GroupList = GroupList;
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(34)(module)))
/***/ },
/* 325 */
/***/ },
/* 324 */
/***/ function(module, exports, __webpack_require__) {
/* WEBPACK VAR INJECTION */(function(module) {'use strict';
...
exports.List = List;
exports['default'] = (0, _redux.compose)(
...
}))(List);
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(34)(module)))
/***/ },
/* 325 */
错误:
Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components)
or a class/function (for composite components) but got: undefined. Check the render method of `GroupContainer`.
invariant @ invariant.js:39
instantiateReactComponent @ instantiateReactComponent.js:64
instantiateChild @ ReactChildReconciler.js:29traverseAllChildrenImpl @ traverseAllChildren.js:98
traverseAllChildren @ traverseAllChildren.js:186
ReactChildReconciler.instantiateChildren @ ReactChildReconciler.js:52
ReactMultiChild.Mixin._reconcilerInstantiateChildren @ ReactMultiChild.js:197
你用什么来传输?从“/GroupList”导入组列表的
是什么代码>传输到?当它“不工作”时,您会遇到什么错误?@Bergi请查看更新。我做了一些更改,所以组件被包装在redux.compose中,但是直接使用中继容器时的行为是相同的。不知何故,它给出的错误不是有效的react组件。谢谢你的帮助out@Bergi我还使用“巴别塔”:“^5.8.23”,用于与