2017-03-01 158 views
2

安装我有一个具有以下内容包装组件通过NPM

import 'icheck/skins/all.css' 
import react_icheck from 'react-icheck' 

export default react_icheck 

为什么我这样做是因为我想,以减少一条线是进口“I检查/外观/所有文件名为checkbox.js .css'放在我的模块中。例如我有3个模块:1.产品,产品细节和设置,所有这些都使用icheck,我想避免在3个不同的地方导入'icheck/skins/all.css'。这就是为什么我有一个名为checkbox.js的包装组件。但我有这个错误

./resources/assets/app/module/product.js 
95:24-32 "export 'Checkbox' was not found in './common/Checkbox' 

当我在我的模块中做

import { Checkbox, Radio } from './common/checkbox'; 

如果可能的话,如果我发现另一个有用的组件(例如下拉列表),我也想放入dropdown.js,以便它作为我自己的全局组件。但首先,我如何解决上述问题?

+0

因为你没有叫出口,使用的是默认的:如果你使用ES6 transpiler你就能宣告你的组件是这样的:

class MyComponent { render() { return( ); } }; export {MyComponent}; 

或类似这样的。 – dfsq

+0

@dfsq命名为export如何?据我所知react_icheck拥有一切? –

回答

0

那是因为你使用默认的出口,但你必须使用出口 事情是这样的:

import 'icheck/skins/all.css' 
import {* as react_icheck} from 'react-icheck' 

export {...react_icheck} 
+0

使用您的代码的SyntaxError。 –

0

0.12后作出反应,我们将在继续ES6类开始工作。

export class MyComponent { 
    render() { 
    ... 
    } 
}; 
+0

你可以尝试我们的代码,它不会工作,因为我已经尝试过。 –

+0

而这'出口{react_icheck};'? –

+0

是所有?你可以尝试更新你的答案完整的工作代码? –