{"action":"created","issue":{"url":"https://api.github.com/repos/roylee0704/react-flexbox-grid/issues/12","labels_url":"https://api.github.com/repos/roylee0704/react-flexbox-grid/issues/12/labels{/name}","comments_url":"https://api.github.com/repos/roylee0704/react-flexbox-grid/issues/12/comments","events_url":"https://api.github.com/repos/roylee0704/react-flexbox-grid/issues/12/events","html_url":"https://github.com/roylee0704/react-flexbox-grid/issues/12","id":129011215,"number":12,"title":"Error finding ~flexboxgrid","user":{"login":"rsteckler","id":1714230,"avatar_url":"https://avatars.githubusercontent.com/u/1714230?v=3","gravatar_id":"","url":"https://api.github.com/users/rsteckler","html_url":"https://github.com/rsteckler","followers_url":"https://api.github.com/users/rsteckler/followers","following_url":"https://api.github.com/users/rsteckler/following{/other_user}","gists_url":"https://api.github.com/users/rsteckler/gists{/gist_id}","starred_url":"https://api.github.com/users/rsteckler/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rsteckler/subscriptions","organizations_url":"https://api.github.com/users/rsteckler/orgs","repos_url":"https://api.github.com/users/rsteckler/repos","events_url":"https://api.github.com/users/rsteckler/events{/privacy}","received_events_url":"https://api.github.com/users/rsteckler/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/roylee0704/react-flexbox-grid/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":9,"created_at":"2016-01-27T02:46:25Z","updated_at":"2016-01-27T17:20:59Z","closed_at":null,"body":"I'm relatively new to Webpack and have a hunch that my problem is in my webpack config.  I know you're not Webpack support, but hoping you can point me in the right direction.\r\n\r\nHere's the error:\r\n```\r\nERROR in ./~/css-loader?sourceMap&modules&localIdentName=[name]_[local]_[hash:base64:3]!./~/postcss-loader!./~/react-flexbox-grid/lib/style.scss\r\n    Module build failed: Error: /Users/ryan/code/test/web/node_modules/react-flexbox-grid/lib/style.scss:1:1: Failed to find '~flexboxgrid' from /Users/ryan/code/test/web\r\n```\r\n\r\nThe referenced /Users/ryan/code/test/web/node_modules/react-flexbox-grid/lib/style.scss has this:\r\n```\r\n@import '~flexboxgrid';\r\n```\r\n\r\nMy webpack.config has this:\r\n```\r\n        test: /\\.scss$/,\r\n        loaders: [\r\n          'isomorphic-style-loader',\r\n          `css-loader?${DEBUG ? 'sourceMap&' : 'minimize&'}modules&localIdentName=` +\r\n          `${DEBUG ? '[name]_[local]_[hash:base64:3]' : '[hash:base64:4]'}`,\r\n          'postcss-loader',\r\n        ],\r\n```\r\n\r\nAny help would be massively appreciated!"},"comment":{"url":"https://api.github.com/repos/roylee0704/react-flexbox-grid/issues/comments/175754792","html_url":"https://github.com/roylee0704/react-flexbox-grid/issues/12#issuecomment-175754792","issue_url":"https://api.github.com/repos/roylee0704/react-flexbox-grid/issues/12","id":175754792,"user":{"login":"rsteckler","id":1714230,"avatar_url":"https://avatars.githubusercontent.com/u/1714230?v=3","gravatar_id":"","url":"https://api.github.com/users/rsteckler","html_url":"https://github.com/rsteckler","followers_url":"https://api.github.com/users/rsteckler/followers","following_url":"https://api.github.com/users/rsteckler/following{/other_user}","gists_url":"https://api.github.com/users/rsteckler/gists{/gist_id}","starred_url":"https://api.github.com/users/rsteckler/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rsteckler/subscriptions","organizations_url":"https://api.github.com/users/rsteckler/orgs","repos_url":"https://api.github.com/users/rsteckler/repos","events_url":"https://api.github.com/users/rsteckler/events{/privacy}","received_events_url":"https://api.github.com/users/rsteckler/received_events","type":"User","site_admin":false},"created_at":"2016-01-27T17:20:59Z","updated_at":"2016-01-27T17:20:59Z","body":"Thank you for the help.  When I do that, I continue to get:\r\n```\r\nERROR in ./~/css-loader?sourceMap&modules&localIdentName=[name]_[local]_[hash:base64:3]!./~/postcss-loader!./~/react-flexbox-grid/lib/style.scss\r\n    Module build failed: Error: /Users/rsteckler/code/evmote/web/node_modules/react-flexbox-grid/lib/style.scss:1:1: Failed to find '~flexboxgrid' from /Users/rsteckler/code/evmote/web\r\n```\r\n\r\nSimply getting rid of the ~ on the import statement gives me:\r\n```\r\nChild\r\n    Time: 5146ms\r\n                           Asset     Size  Chunks             Chunk Names\r\n    main.js?221d13c9b7b647724618  4.19 MB       0  [emitted]  main\r\nChild\r\n    Time: 4202ms\r\n            Asset    Size  Chunks             Chunk Names\r\n        server.js  206 kB       0  [emitted]  main\r\n    server.js.map  209 kB       0  [emitted]  main\r\nwebpack: bundle is now VALID.\r\nwebpack: bundle is now INVALID.\r\nwebpack building...\r\nError: Cannot find module '../style'\r\n    at Function.Module._resolveFilename (module.js:325:15)\r\n    at Function.Module._load (module.js:276:25)\r\n    at Module.require (module.js:353:17)\r\n    at require (internal/module.js:12:17)\r\n    at Object.<anonymous> (/Users/rsteckler/code/evmote/web/node_modules/react-flexbox-grid/lib/components/Grid.js:13:14)\r\n    at Module._compile (module.js:397:26)\r\n    at Object.Module._extensions..js (module.js:404:10)\r\n    at Module.load (module.js:343:32)\r\n    at Function.Module._load (module.js:300:12)\r\n    at Module.require (module.js:353:17)\r\nwebpack built 221d13c9b7b647724618 in 183ms\r\nChild\r\n    Time: 183ms\r\nChild\r\n    Time: 4202ms\r\n            Asset    Size  Chunks             Chunk Names\r\n        server.js  206 kB       0  [emitted]  main\r\n    server.js.map  209 kB       0  [emitted]  main\r\nwebpack: bundle is now VALID.\r\nError: Cannot find module '../style'\r\n    at Function.Module._resolveFilename (module.js:325:15)\r\n    at Function.Module._load (module.js:276:25)\r\n    at Module.require (module.js:353:17)\r\n    at require (internal/module.js:12:17)\r\n    at Object.<anonymous> (/Users/rsteckler/code/evmote/web/node_modules/react-flexbox-grid/lib/components/Grid.js:13:14)\r\n    at Module._compile (module.js:397:26)\r\n    at Object.Module._extensions..js (module.js:404:10)\r\n    at Module.load (module.js:343:32)\r\n    at Function.Module._load (module.js:300:12)\r\n    at Module.require (module.js:353:17)\r\n    at require (internal/module.js:12:17)\r\n```\r\n\r\nIf you get fed up trying to help, let me know.  You're under no obligation to get it working  :)\r\n"}}