包裝組件通過NPM

安裝我有一個具有以下內容包裝組件通過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，以便它作爲我自己的全局組件。但首先，我如何解決上述問題？

來源

2017-03-01 Alex Yong

因爲你沒有叫出口，使用的是默認的：如果你使用ES6 transpiler你就能宣告你的組件是這樣的：

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

或類似這樣的。 – dfsq

@dfsq命名爲export如何？據我所知react_icheck擁有一切？ –

那是因爲你使用默認的出口，但你必須使用出口事情是這樣的：

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

export {...react_icheck}

來源

2017-03-01 08:57:39

使用您的代碼的SyntaxError。 –

0.12後作出反應，我們將在繼續ES6類開始工作。

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

來源

2017-03-01 10:52:08

你可以嘗試我們的代碼，它不會工作，因爲我已經嘗試過。 –

而這'出口{react_icheck};'？ –

是所有？你可以嘗試更新你的答案完整的工作代碼？ –

包裝組件通過NPM

回答

相關問題