search

pors / reactionic-kitchensink

Kitchen Sink Demo for React-Ionic
Other
39 stars 25 forks source link

Error on new build / installation #24

Open lbrezilien opened 8 years ago

lbrezilien commented 8 years ago

I haven't gotten to try it out yet because when I run webpack I get this error:

ERROR in ./~/css-loader!./~/sass-loader!./app/client/styles/app.scss Module build failed: @import "{}/node_modules/reactionic/dist/scss/styles/reactionic.scss"; ^ File to import not found or unreadable: {}/node_modules/reactionic/dist/scss/styles/reactionic.scss

Parent style sheet: stdin in /Users/leslyb/Dev/eventtabs/mobile/reactionic-kitchensink-master/app/client/styles/app.scss (line 6, column 1) @ ./app/client/styles/app.scss 4:14-126

Any thoughts?

gabrielseco commented 8 years ago

Using webpack I find a workaround but it breaks when using meteor though. In the client/styles/app.scss replace the import 

@import "{}/node_modules/reactionic/dist/scss/styles/reactionic.scss";
@import "~reactionic/dist/scss/styles/_reactionic.scss";
AlanVerbner commented 8 years ago

@lbrezilien I'm not sure on which platform are you working this but on linux I created a symbolic link to node modules inside /app and it started to work..

cd ./app && ln -s ../node_modules/ node_modules

Hope that helps

ps: based on @gabrielseco https://github.com/reactionic/reactionic-kitchensink/issues/17#issuecomment-227493643

asafshen commented 8 years ago

I'm having the same issue.

did someone found a solution?

AlanVerbner commented 8 years ago

@asafshen have you tried the solution I posted? That one worked for me https://github.com/reactionic/reactionic-kitchensink/issues/24#issuecomment-240557989

asafshen commented 8 years ago

@AlanVerbner Thanks, It works for me as well. I missed it somehow :)

pronebird commented 7 years ago

Symbolic link didn't work

Hash: f3cf63e541c27426dec8 Version: webpack 1.13.3 Time: 3351ms Asset Size Chunks Chunk Names build/index.js 1.84 MB 0 [emitted] main [0] ./entry.js 77 bytes {0} [built]

  • 343 hidden modules

ERROR in ./~/css-loader!./~/sass-loader!./app/client/styles/app.scss Module build failed: @import "{}/node_modules/reactionic/dist/scss/styles/reactionic.scss"; ^ File to import not found or unreadable: {}/node_modules/reactionic/dist/scss/styles/reactionic.scss Parent style sheet: stdin in /Users/pronebird/Downloads/myApp/reactionic-kitchensink/app/client/styles/app.scss (line 6, column 1) @ ./app/client/styles/app.scss 4:14-126

Suggestion by @gabrielseco worked tho! Replacing {} with ~ didn't work either