kriasoft / react-starter-kit

The web's most popular Jamstack front-end template (boilerplate) for building web applications with React
https://reactstarter.com
MIT License
22.75k stars 4.16k forks source link

Problems with gulp #99

Closed neilyoung closed 8 years ago

neilyoung commented 9 years ago

Hi,

fresh install. Getting

module.js:338 throw err; ^ Error: Cannot find module 'end-of-stream'

for "gulp build"

wuichen commented 9 years ago

having the same issue

koistya commented 9 years ago

Do you have gulp installed globally? (npm install gulp -g or npm update gulp -g)

To see a list of installed packages:

$ npm ls --depth=0               # or, `npm ls -g --depth=0` for global npm modules

Which prints:

$ npm ls --depth=0
react-starter-kit@0.0.0
├── autoprefixer-loader@1.2.0
├── babel@5.2.6
├── babel-core@5.2.6
├── babel-eslint@3.0.1
├── babel-loader@5.0.0
├── browser-sync@2.6.9
├── classnames@2.0.0
├── css-loader@0.12.0
├── del@1.1.1
├── eslint@0.20.0
├── eslint-loader@0.11.1
├── eslint-plugin-react@2.2.0
├── eventemitter3@1.0.1
├── express@4.12.3
├── fastclick@1.0.6
├── file-loader@0.8.1
├── flux@2.0.3
├── front-matter@1.0.0
├── git-push@0.1.1
├── gulp@3.8.11
├── gulp-changed@1.2.1
├── gulp-if@1.2.5
├── gulp-load-plugins@0.10.0
├── gulp-rename@1.2.2
├── gulp-size@1.2.1
├── gulp-util@3.0.4
├── jade@1.9.2
├── jest-cli@0.4.0
├── less@2.5.0
├── less-loader@2.2.0
├── lodash@3.8.0
├── minimist@1.1.1
├── normalize.css@3.0.3
├── protractor@2.0.0
├── psi@1.0.6
├── react@0.13.2
├── run-sequence@1.1.0
├── source-map-support@0.2.10
├── style-loader@0.12.1
├── superagent@1.2.0
├── url-loader@0.5.5
└── webpack@1.8.11
neilyoung commented 9 years ago

Hmm. Yes, I did. Repeated it right now. As you can see, it is not in the list after installation

decades:cvpos decades$ npm install gulp -g /usr/local/bin/gulp -> /usr/local/lib/node_modules/gulp/bin/gulp.js gulp@3.8.11 /usr/local/lib/node_modules/gulp ├── pretty-hrtime@0.2.2 ├── interpret@0.3.10 ├── deprecated@0.0.1 ├── archy@1.0.0 ├── minimist@1.1.1 ├── tildify@1.0.0 (user-home@1.1.1) ├── v8flags@2.0.5 (user-home@1.1.1) ├── chalk@0.5.1 (ansi-styles@1.1.0, escape-string-regexp@1.0.3, supports-color@0.2.0, has-ansi@0.1.0, strip-ansi@0.3.0) ├── semver@4.3.3 ├── orchestrator@0.3.7 (stream-consume@0.1.0, sequencify@0.0.7, end-of-stream@0.1.5) ├── gulp-util@3.0.4 (array-differ@1.0.0, object-assign@2.0.0, beeper@1.0.0, array-uniq@1.0.2, lodash._reinterpolate@3.0.0, lodash._reescape@3.0.0, lodash._reevaluate@3.0.0, replace-ext@0.0.1, vinyl@0.4.6, chalk@1.0.0, lodash.template@3.5.1, through2@0.6.5, multipipe@0.1.2, dateformat@1.0.11) ├── liftoff@2.0.3 (extend@2.0.1, flagged-respawn@0.3.1, resolve@1.1.6, findup-sync@0.2.1) └── vinyl-fs@0.3.13 (graceful-fs@3.0.6, strip-bom@1.0.0, defaults@1.0.2, vinyl@0.4.6, mkdirp@0.5.0, through2@0.6.5, glob-stream@3.1.18, glob-watcher@0.0.6)

decades:cvpos decades$ npm ls --depth=0 /Users/decades ├── api-easy@0.3.6 ├── azure-cli@0.7.4 ├── browserify@9.0.8 ├── classnames@1.2.2 ├── frisby@0.8.5 ├── grunt-hub@0.7.0 ├── markdown-pdf@3.1.0 ├── noble@0.2.7 ├── react@0.13.2 ├── react-bootstrap@0.21.0 ├── react-router@0.13.3 ├── reactify@1.1.0 ├── request@2.9.203 ├── should@0.6.3 ├── uglify-js@2.4.20 ├── vows@0.6.3 └── watchify@3.1.2

vmptk commented 9 years ago

I have a problem with gulp as well (gulp-webpack problem I guess):

[12:48:38] Using gulpfile .../react-starter-kit/gulpfile.js [12:48:38] Starting 'build:watch'... [12:48:38] Starting 'clean'... [12:48:38] Finished 'clean' after 12 ms [12:48:38] Starting 'build'... [12:48:38] Starting 'vendor'... [12:48:38] Starting 'assets'... [12:48:38] Starting 'bundle'... ../react-starter-kit/node_modules/webpack/node_modules/webpack-core/lib/NormalModuleMixin.js:206 throw e; ^ Error: Cannot find module 'to-fast-properties' at Function.Module._resolveFilename (module.js:336:15) at Function.Module._load (module.js:278:25) at Module.require (module.js:365:17) at require (module.js:384:17) at Object. (.../react-starter-kit/node_modules/babel-core/lib/babel/types/index.js:81:25) at Module._compile (module.js:460:26) at Object.Module._extensions..js (module.js:478:10) at Module.load (module.js:355:32) at Function.Module._load (module.js:310:12) at Module.require (module.js:365:17) at require (module.js:384:17)

Any suggestions?

koistya commented 9 years ago

It seems like webpack wasn't properly installed. Maybe you can try reinstall it and see if there are any errors?

$ npm uninstall webpack
$ npm install
ichbinedgar commented 9 years ago

Edit

Sorry, it seems that some modules were not properly installed. So I needed to use npm install [missing module]. :+1:


Hello, I'm getting a similar error:

npm start

> @ start /opt/lampp/htdocs/books2
> babel-node --eval "require('./tools/start')().catch(err => console.error(err.stack))"

module.js:338
    throw err;
          ^
Error: Cannot find module 'browser-sync'
    at Function.Module._resolveFilename (module.js:336:15)
    at Function.Module._load (module.js:278:25)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)
    at Object.<anonymous> (/opt/lampp/htdocs/books2/tools/start.js:20:20)
    at Module._compile (module.js:460:26)
    at normalLoader (/opt/lampp/htdocs/books2/node_modules/babel/node_modules/babel-core/lib/api/register/node.js:199:5)
    at Object.require.extensions.(anonymous function) [as .js] (/opt/lampp/htdocs/books2/node_modules/babel/node_modules/babel-core/lib/api/register/node.js:216:7)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)

........

This is happening on Linux server, but the same  fresh install is working on my Windows 7 machine. Do you know if I missing something?
davidmdem commented 9 years ago

In regards to the comment from @ichbinedgar - I too got an Cannot find module 'browser-sync' error.

In a Windows 10 environment I tried npm install browser-sync from a regular command prompt and it failed with an error code from node-gyp. However, starting a new prompt with Administrative privileges worked.

koistya commented 8 years ago

gulp dependency was removed from this project in favor JavaScript-based automation scripts. See You might not need Gulp.js blog post and tools folder.