david-novicki / isomorphic-demo Goto Github PK

Did a simple "git clone" followed by "sudo npm install". npm is unable to install the node-sass dependency and warns about babel upgrade:

dparkar@MYMACHINE:~/Projects/repos/isomorphic-demo-local$ sudo npm install
npm WARN deprecated [email protected]: We're super 😸 excited that you're trying to use ES2015 syntax, but instead of making more yearly presets 😭 , Babel now has a better preset that we recommend you use instead: npm install babel-preset-env --save-dev. preset-env without options will compile ES2015+ down to ES5 just like using all the presets together and thus is more future proof. It also allows you to target specific browsers so that Babel can do less work and you can ship native ES2015+ to user 😎 ! We are also in the process of releasing v7, so please give http://babeljs.io/blog/2017/09/12/planning-for-7.0 a read and help test it out in beta! Thanks so much for using Babel 🙏, please give us a follow on Twitter @babeljs for news on Babel, join slack.babeljs.io for discussion/development and help support the project at opencollective.com/babel

[email protected] install /home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-sass
node scripts/install.js

Unable to save binary /home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-sass/vendor/linux-x64-57 : { Error: EACCES: permission denied, mkdir '/home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-sass/vendor'
at Object.fs.mkdirSync (fs.js:877:18)
at sync (/home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/mkdirp/index.js:71:13)
at Function.sync (/home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/mkdirp/index.js:77:24)
at checkAndDownloadBinary (/home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-sass/scripts/install.js:111:11)
at Object. (/home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-sass/scripts/install.js:154:1)
at Module._compile (module.js:569:30)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)
at Function.Module._load (module.js:458:3)
errno: -13,
code: 'EACCES',
syscall: 'mkdir',
path: '/home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-sass/vendor' }

[email protected] postinstall /home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-sass
node scripts/build.js

Building: /usr/local/bin/node /home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-gyp/bin/node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [ '/usr/local/bin/node',
gyp verb cli '/home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-gyp/bin/node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library=' ]
gyp info using [email protected]
gyp info using [email protected] | linux | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb which succeeded python2 /usr/bin/python2
gyp verb check python version /usr/bin/python2 -c "import platform; print(platform.python_version());" returned: "2.7.14\n"
gyp verb get node dir no --target version specified, falling back to host node version: 8.0.0
gyp verb command install [ '8.0.0' ]
gyp verb install input version string "8.0.0"
gyp verb install installing version: 8.0.0
gyp verb install --ensure was passed, so won't reinstall if already installed
gyp verb install version is already installed, need to check "installVersion"
gyp verb got "installVersion" 9
gyp verb needs "installVersion" 9
gyp verb install version is good
gyp verb get node dir target node version installed: 8.0.0
gyp verb build dir attempting to create "build" dir: /home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-sass/build
gyp ERR! configure error
gyp ERR! stack Error: EACCES: permission denied, mkdir '/home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-sass/build'
gyp ERR! System Linux 4.13.0-32-generic
gyp ERR! command "/usr/local/bin/node" "/home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /home/dparkar/Projects/repos/isomorphic-demo-local/node_modules/node-sass
gyp ERR! node -v v8.0.0
gyp ERR! node-gyp -v v3.6.2
gyp ERR! not ok
Build failed with error code: 1
npm WARN [email protected] No description
npm WARN [email protected] No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

**npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: node scripts/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /home/dparkar/.npm/_logs/2018-02-11T01_05_33_653Z-debug.log**
dparkar@dupin:~/Projects/repos/isomorphic-demo-local$ sudo npm install
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] No description
npm WARN [email protected] No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 116 packages in 4.242s

<Link> does not navigate to the component from within the application - should we pass in any browserHistory to client side routing? @Flatzs @supercycle91

Seems their is ) missing but i can't find where. I got this message after first npm start.

/dist/server.js:441

app.get('*', async function (req, res) {
^^^^^
SyntaxError: missing ) after argument list

First of all - great job on putting the project together - the boilerplate is so clear and much needed simple and slick - My one request would be - can you add hot reloading - I have tried but no luck..Thanks in advance @Flatzs @supercycle91

I'm going to route other than the created components, page 404 will not be loaded.

Cloned the repo and ran 'npm install'. Ran 'npm start' as the readme said. It throws an error though.

/Users/danielrehbein/Sites/isomorphic-demo/dist/server.js:638
    return async function (dispatch, getState) {
                 ^^^^^^^^
SyntaxError: Unexpected token function
    at createScript (vm.js:56:10)
    at Object.runInThisContext (vm.js:97:10)
    at Module._compile (module.js:542:28)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.runMain (module.js:604:10)
    at run (bootstrap_node.js:389:7)
    at startup (bootstrap_node.js:149:9)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `webpack --progress --colors --config webpack.config.js && webpack --progress --colors --config webpack.config.server.js && node dist/server.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

what am I doing wrong?

Hi supercycle91,

First of all, I am very curious about all universal/isomorphic React project and I am grateful I can try out your project.
However, I got issue where after I got all dependencies installed and then I run using command npm run start, I got this error.

Module build failed: ReferenceError: Unknown plugin "transform-class-properties" specified in "/Users/Kafilah/experiment/.babelrc" at 0, attempted to resolve relative to "/Users/Kafilah/experiment"\n at /Users/Kafilah/experiment/isomorphic-demo/node_modules/babel-core/lib/transformation/file/options/option-manager.js:180:17\n at Array.map (native)\n at Function.normalisePlugins (/Users/Kafilah/experiment/isomorphic-demo/node_modules/babel-core/lib/transformation/file/options/option-manager.js:158:20)\n at OptionManager.mergeOptions (/Users/Kafilah/experiment/isomorphic-demo/node_modules/babel-core/lib/transformation/file/options/option-manager.js:234:36)\n at OptionManager.init (/Users/Kafilah/experiment/isomorphic-demo/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)\n at File.initOptions (/Users/Kafilah/experiment/isomorphic-demo/node_modules/babel-core/lib/transformation/file/index.js:212:65)\n at new File (/Users/Kafilah/experiment/isomorphic-demo/node_modules/babel-core/lib/transformation/file/index.js:135:24)\n at Pipeline.transform (/Users/Kafilah/experiment/isomorphic-demo/node_modules/babel-core/lib/transformation/pipeline.js:46:16)\n at transpile (/Users/Kafilah/experiment/isomorphic-demo/node_modules/babel-loader/lib/index.js:46:20)\n at Object.module.exports (/Users/Kafilah/experiment/isomorphic-demo/node_modules/babel-loader/lib/index.js:163:20)

Could you please help? I have no idea what causing this problem
Thank you.