Skip to content
New issue

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

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

Already on GitHub? Sign in 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, ....

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

No branches or pull requests

2 participants