Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

ERROR when trying the layout example from the react-toolbox website #28

Open
kavaro opened this issue Feb 21, 2017 · 2 comments
Open

ERROR when trying the layout example from the react-toolbox website #28

kavaro opened this issue Feb 21, 2017 · 2 comments

Comments

@kavaro
Copy link

kavaro commented Feb 21, 2017

When trying the "http://react-toolbox.com/#/components/layout" example in create-react-app application I get the following error:

ERROR in ./~/css-loader?importLoaders=1!./~/postcss-loader!./~/react-toolbox/lib/button/theme.css
Module build failed: Error: composition is only allowed when selector is single :local class name not in ".raised", ".raised" is weird
    at /Users/karl/Documents/apps/modules/react-select-input/node_modules/postcss-modules-scope/lib/index.js:26:13
    at Array.map (native)
    at getSingleLocalNamesForComposes (/Users/karl/Documents/apps/modules/react-select-input/node_modules/postcss-modules-scope/lib/index.js:20:26)
    at /Users/karl/Documents/apps/modules/react-select-input/node_modules/postcss-modules-scope/lib/index.js:106:26
    at /Users/karl/Documents/apps/modules/react-select-input/node_modules/postcss/lib/container.js:198:28
    at /Users/karl/Documents/apps/modules/react-select-input/node_modules/postcss/lib/container.js:148:26
    at Rule.each (/Users/karl/Documents/apps/modules/react-select-input/node_modules/postcss/lib/container.js:114:22)
    at Rule.walk (/Users/karl/Documents/apps/modules/react-select-input/node_modules/postcss/lib/container.js:147:21)
    at Rule.walkDecls (/Users/karl/Documents/apps/modules/react-select-input/node_modules/postcss/lib/container.js:196:25)
    at /Users/karl/Documents/apps/modules/react-select-input/node_modules/postcss-modules-scope/lib/index.js:105:12
 @ ./~/react-toolbox/lib/button/theme.css 4:14-120 13:2-17:4 14:20-126
@lc1983
Copy link

lc1983 commented Feb 21, 2017

It seems to me the issue is because how you import the module with the create-react-app. For example, to import Button:
Instead, import { Button } from 'react-toolbox';
Try, import Button from 'react-toolbox/lib/button/Button';

@kavaro
Copy link
Author

kavaro commented Feb 21, 2017

Yes!!, this indeed solves the issue.

Many thanks, ....

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants