Hi, thanks for this project.
I tried to run it as the readme states, but after
- cloning
- running npm install
- running npm run dev
I see lots of compilation errors (I copy pasted some of the output below)
Also seems that dependency on purify-css is not working as after npm install in the dependency graph it says
โโโ UNMET PEER DEPENDENCY purify-css@>= 1.0.0 < 2.0.0
Am I doing something wrong ? please help and thank you in advance !
Here is the 'npm run dev' output:
`$ npm run dev
[email protected] dev /Users/Rafal/Projects/react-semantic.ui-starter
node webpack_config/server.js
webpack: wait until bundle finished:
ERROR Failed to compile with 7 errors 10:42:29 PM
error in ./~/semantic-ui-css/semantic.css
Syntax Error: Unexpected token {
@ ./~/semantic-ui-css/semantic.css 4:14-146 18:2-22:4 19:20-152
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
error in ./src/common/styles/index.scss
Syntax Error: Unexpected token {
@ ./src/common/styles/index.scss 4:14-259 18:2-22:4 19:20-265
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
error in ./src/common/components/Footer/Footer.scss
Syntax Error: Unexpected token {
@ ./src/common/components/Footer/Footer.scss 4:14-272 18:2-22:4 19:20-278
@ ./src/common/components/Footer/index.jsx
@ ./src/common/components/index.js
@ ./src/common/index.jsx
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
error in ./src/common/components/Header/Header.scss
Syntax Error: Unexpected token {
@ ./src/common/components/Header/Header.scss 4:14-272 18:2-22:4 19:20-278
@ ./src/common/components/Header/index.jsx
@ ./src/common/components/index.js
@ ./src/common/index.jsx
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
error in ./src/common/components/Sidebar/Sidebar.scss
Syntax Error: Unexpected token {
@ ./src/common/components/Sidebar/Sidebar.scss 4:14-273 18:2-22:4 19:20-279
@ ./src/common/components/Sidebar/index.jsx
@ ./src/common/components/index.js
@ ./src/common/index.jsx
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
error in ./src/common/containers/App/App.scss
Syntax Error: Unexpected token {
@ ./src/common/containers/App/App.scss 4:14-269 18:2-22:4 19:20-275
@ ./src/common/containers/App/index.jsx
@ ./src/common/containers/index.js
@ ./src/common/routing/index.jsx
@ ./src/common/index.jsx
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
error in ./src/common/containers/Inbox/Inbox.scss
Syntax Error: Unexpected token {
@ ./src/common/containers/Inbox/Inbox.scss 4:14-271 18:2-22:4 19:20-277
@ ./src/common/containers/Inbox/index.jsx
@ ./src/common/containers/index.js
@ ./src/common/routing/index.jsx
@ ./src/common/index.jsx
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
App is running at http://localhost:3000
webpack built 5341938db93d04dd35bb in 19097ms
Hash: 5341938db93d04dd35bb
Version: webpack 2.6.1
Time: 19097ms
Asset Size Chunks Chunk Names
client.js 6.55 MB 0 client
chunk {0} client.js (client) 2.15 MB [entry] [rendered]
[468] ./src/client/index.jsx 1.74 kB {0} [built]
[469] .//react-hot-loader/patch.js 41 bytes {0} [built]
[470] (webpack)-hot-middleware/client.js?reload=true 6.68 kB {0} [built]
[471] (webpack)/hot/only-dev-server.js 2.29 kB {0} [built]
[484] ./src/common/config/dev.js 783 bytes {0} [built]
[496] ./src/common/index.jsx 2.06 kB {0} [built]
[764] .//querystring-es3/index.js 127 bytes {0} [built]
[765] .//react-addons-perf/index.js 52 bytes {0} [built]
[838] .//react-hot-loader/lib/patch.js 209 bytes {0} [built]
[972] .//strip-ansi/index.js 161 bytes {0} [built]
[973] .//semantic-ui-css/semantic.css 1.2 kB {0} [built]
[979] ./src/common/styles/index.scss 1.56 kB {0} [built]
[985] (webpack)-hot-middleware/client-overlay.js 1.82 kB {0} [built]
[986] (webpack)-hot-middleware/process-update.js 3.88 kB {0} [built]
[994] multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx 64 bytes {0} [built]
+ 980 hidden modules
ERROR in .//css-loader?{"sourceMap":true}!.//postcss-loader/lib?{"sourceMap":true}!.//resolve-url-loader!.//semantic-ui-css/semantic.css
Module build failed: SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:387:25)
at requireFromString (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/require-from-string/index.js:27:4)
at /Users/Rafal/Projects/react-semantic.ui-starter/node_modules/cosmiconfig/lib/loadJs.js:11:15
@ ./~/semantic-ui-css/semantic.css 4:14-146 18:2-22:4 19:20-152
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
ERROR in .//css-loader?{"sourceMap":true}!.//postcss-loader/lib?{"sourceMap":true}!.//resolve-url-loader!.//sass-loader/lib/loader.js?{"sourceMap":true}!./src/common/styles/index.scss
Module build failed: SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:387:25)
at requireFromString (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/require-from-string/index.js:27:4)
at /Users/Rafal/Projects/react-semantic.ui-starter/node_modules/cosmiconfig/lib/loadJs.js:11:15
@ ./src/common/styles/index.scss 4:14-259 18:2-22:4 19:20-265
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
ERROR in .//css-loader?{"sourceMap":true}!.//postcss-loader/lib?{"sourceMap":true}!.//resolve-url-loader!.//sass-loader/lib/loader.js?{"sourceMap":true}!./src/common/components/Footer/Footer.scss
Module build failed: SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:387:25)
at requireFromString (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/require-from-string/index.js:27:4)
at /Users/Rafal/Projects/react-semantic.ui-starter/node_modules/cosmiconfig/lib/loadJs.js:11:15
@ ./src/common/components/Footer/Footer.scss 4:14-272 18:2-22:4 19:20-278
@ ./src/common/components/Footer/index.jsx
@ ./src/common/components/index.js
@ ./src/common/index.jsx
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
ERROR in .//css-loader?{"sourceMap":true}!.//postcss-loader/lib?{"sourceMap":true}!.//resolve-url-loader!.//sass-loader/lib/loader.js?{"sourceMap":true}!./src/common/components/Header/Header.scss
Module build failed: SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:387:25)
at requireFromString (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/require-from-string/index.js:27:4)
at /Users/Rafal/Projects/react-semantic.ui-starter/node_modules/cosmiconfig/lib/loadJs.js:11:15
@ ./src/common/components/Header/Header.scss 4:14-272 18:2-22:4 19:20-278
@ ./src/common/components/Header/index.jsx
@ ./src/common/components/index.js
@ ./src/common/index.jsx
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
ERROR in .//css-loader?{"sourceMap":true}!.//postcss-loader/lib?{"sourceMap":true}!.//resolve-url-loader!.//sass-loader/lib/loader.js?{"sourceMap":true}!./src/common/components/Sidebar/Sidebar.scss
Module build failed: SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:387:25)
at requireFromString (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/require-from-string/index.js:27:4)
at /Users/Rafal/Projects/react-semantic.ui-starter/node_modules/cosmiconfig/lib/loadJs.js:11:15
@ ./src/common/components/Sidebar/Sidebar.scss 4:14-273 18:2-22:4 19:20-279
@ ./src/common/components/Sidebar/index.jsx
@ ./src/common/components/index.js
@ ./src/common/index.jsx
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
ERROR in .//css-loader?{"sourceMap":true}!.//postcss-loader/lib?{"sourceMap":true}!.//resolve-url-loader!.//sass-loader/lib/loader.js?{"sourceMap":true}!./src/common/containers/App/App.scss
Module build failed: SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:387:25)
at requireFromString (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/require-from-string/index.js:27:4)
at /Users/Rafal/Projects/react-semantic.ui-starter/node_modules/cosmiconfig/lib/loadJs.js:11:15
@ ./src/common/containers/App/App.scss 4:14-269 18:2-22:4 19:20-275
@ ./src/common/containers/App/index.jsx
@ ./src/common/containers/index.js
@ ./src/common/routing/index.jsx
@ ./src/common/index.jsx
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
ERROR in .//css-loader?{"sourceMap":true}!.//postcss-loader/lib?{"sourceMap":true}!.//resolve-url-loader!.//sass-loader/lib/loader.js?{"sourceMap":true}!./src/common/containers/Inbox/Inbox.scss
Module build failed: SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:387:25)
at requireFromString (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/require-from-string/index.js:27:4)
at /Users/Rafal/Projects/react-semantic.ui-starter/node_modules/cosmiconfig/lib/loadJs.js:11:15
@ ./src/common/containers/Inbox/Inbox.scss 4:14-271 18:2-22:4 19:20-277
@ ./src/common/containers/Inbox/index.jsx
@ ./src/common/containers/index.js
@ ./src/common/routing/index.jsx
@ ./src/common/index.jsx
@ ./src/client/index.jsx
@ multi react-hot-loader/patch webpack-hot-middleware/client?reload=true webpack/hot/only-dev-server ./src/client/index.jsx
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 1.48 MB 0
chunk {0} index.html 543 kB [entry] [rendered]
[0] .//lodash/lodash.js 540 kB {0} [built]
[1] .//html-webpack-plugin/lib/loader.js!./src/common/index.html 2.12 kB {0} [built]
[2] (webpack)/buildin/global.js 509 bytes {0} [built]
[3] (webpack)/buildin/module.js 517 bytes {0} [built]
webpack: Failed to compile.
Error: no such file or directory
at MemoryFileSystem.readFileSync (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/memory-fs/lib/MemoryFileSystem.js:107:10)
at /Users/Rafal/Projects/react-semantic.ui-starter/webpack_config/server.js:55:22
at Object.ready (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/webpack-dev-middleware/lib/Shared.js:149:29)
at Function.Shared.share.waitUntilValid (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/webpack-dev-middleware/lib/Shared.js:196:10)
at /Users/Rafal/Projects/react-semantic.ui-starter/webpack_config/server.js:54:17
at Layer.handle [as handle_request] (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/layer.js:95:5)
at next (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/route.js:137:13)
at Route.dispatch (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/route.js:112:3)
at Layer.handle [as handle_request] (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/layer.js:95:5)
at /Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:281:22
at param (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:354:14)
at param (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:365:14)
at Function.process_params (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:410:3)
at next (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:275:10)
at middleware (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/webpack-hot-middleware/middleware.js:26:48)
at Layer.handle [as handle_request] (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/layer.js:95:5)
at trim_prefix (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:317:13)
at /Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:284:7
at Function.process_params (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:335:12)
at next (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:275:10)
at goNext (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/webpack-dev-middleware/middleware.js:28:49)
at processRequest (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/webpack-dev-middleware/middleware.js:58:12)
Error: no such file or directory
at MemoryFileSystem.readFileSync (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/memory-fs/lib/MemoryFileSystem.js:107:10)
at /Users/Rafal/Projects/react-semantic.ui-starter/webpack_config/server.js:55:22
at Object.ready (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/webpack-dev-middleware/lib/Shared.js:149:29)
at Function.Shared.share.waitUntilValid (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/webpack-dev-middleware/lib/Shared.js:196:10)
at /Users/Rafal/Projects/react-semantic.ui-starter/webpack_config/server.js:54:17
at Layer.handle [as handle_request] (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/layer.js:95:5)
at next (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/route.js:137:13)
at Route.dispatch (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/route.js:112:3)
at Layer.handle [as handle_request] (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/layer.js:95:5)
at /Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:281:22
at param (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:354:14)
at param (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:365:14)
at Function.process_params (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:410:3)
at next (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:275:10)
at middleware (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/webpack-hot-middleware/middleware.js:26:48)
at Layer.handle [as handle_request] (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/layer.js:95:5)
at trim_prefix (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:317:13)
at /Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:284:7
at Function.process_params (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:335:12)
at next (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/express/lib/router/index.js:275:10)
at goNext (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/webpack-dev-middleware/middleware.js:28:49)
at processRequest (/Users/Rafal/Projects/react-semantic.ui-starter/node_modules/webpack-dev-middleware/middleware.js:58:12)`