I am trying to install gulp on my development Windows 10 Pro machine and it is not working. I have installed node.js and when I use my admin account I can run gulp. However, when I am not an admin, Windows cannot find the library.
Additional details:
I have looked at Can't install gulp on windows 10 and have searched the web with no luck.
Using Visual Studio 2015 and the project uses gulp to generate css sass and minify js files.
When I run npm install gulp -g -verbose I get (eventually) the following output:
Have you tried cleaning npm cache. use
npm cache clean
And if that doesn't work try installing gulp locally just for that project.
npm install gulp
The screenshot you provided, there is one line where is written that you have not correctly created json file.
package.json should be actual JSON not JavaScript
can you provide your package.json file?
Related
Project Link
I mentioned application installed cmds, IntelliJ Idea console and output of the project from browser files are
1. Terminal cmds : https://github.com/GokulRamasamy/jhipster/blob/master/terminal%20code%20for%20jhipster
2. intellij console: https://github.com/GokulRamasamy/jhipster/blob/master/intellij%20console%20for%20jhipster
3. Browser Screenshot: https://github.com/GokulRamasamy/jhipster/blob/master/Screenshot%20from%202018-03-16%2018-08-12.png
Could you please explain why I got this error?
Thanks in advance
You need to install the required dependencies for JHipster AngularJS projects as described in the docs.
Based on your generation log, you are missing gulp which can be fixed by running yarn global add gulp-cli
[17:48:09] Local gulp not found in ~/gokul/test/jhip1
[17:48:09] Try running: npm install gulp
The browser screenshot shows the steps you need to take to fix your generated project. First, install the missing dependencies (gulp). Then run the following commands:
yarn install
bower install
gulp install
This will build your frontend and inject bower dependencies into your index.html. After this you should be able to see your JHipster frontend in the browser at http://localhost:8080
You can also rerun jhipster --force --with-entities to rerun JHipster which should rebuild the project correctly (once gulp is installed)
I'm trying to set up node.js on my Ubuntu 12.04 machine. I want to be able to use it through Eclipse but the process seems confusing.
So far what I have done.
Installed node.js. Shows v5.8.0 on running 'node -v'
Installed npm. Shows 3.7.3 on running 'npm -v'
Installed Express using 'npm install -g express'
Added this to my .bashrc file (I've installed node in ~/node)
export PATH=$HOME/node/bin:$PATH
export NODE_PATH=$HOME/node/lib/node_modules
I'm confused about what to do next. I installed Enide Studio 2015 through Eclipse Marketplace.
Switched to the Node perspective.
Created a new Node.js Express Project
But now I don't see the node project structure.
I also get a bunch of errors like:
- Node.js executable can't be found
What am I doing wrong, or what have I not done?
Alternatively, I installed the linux version of enide from here: http://www.nodeclipse.org/
This contains an eclipse file, but on trying to open the eclipse file it says "there is no application installed for executable files". That's strange because my regular install of eclipse opens just fine. Also I'm running a 32 bit system so I've ensured the files are 32 bit, not 64 bit.
Please help!
if you have node and npm working do the following:
Install express generator:
sudo npm install express-generator -g
Read the documentation about the express generator at http://expressjs.com/en/starter/generator.html
Create an express application:
express myapp
Install dependencies:
cd myapp
npm install
Run the application:
npm start
or
node ./bin/www
Open you browser and navigate to http://localhost:3000
Ok figured it out. I had to set up the node.js path in Eclipse under Preferences>Nodeclipse.
Using Yeoman and the AngularJS generator I could previously follow their tutorial and install all the necessary packages and tools (bower, gulp, grunt,...) to get up and running. Per their website:
npm install -g yo bower grunt-cli gulp
then added the angularJS project 'generator':
npm install -g generator-angular
created a folder locally, and run
yo angular
in that folder in order to prepare a sample AngularJS project with all the necessary tools and scaffolding generated by Yeoman.
The command:
grunt serve
Launched the sample application successfully, allowing me to start learning about AngularJS (which I'm very new to).
The problem: I have repeated these steps again, (3 months later), and, admittedly, I have potentially taken on updates to some of the installed packages.
Now, when I create a new project and invoke 'grunt serve' I get:
Running "concurrent:server" (concurrent) task
Warning: Running "compass:server" (compass) task
Warning: Command failed: C:\Windows\system32\cmd.exe /s /c "compass.bat --versio
n"
'compass.bat' is not recognized as an internal or external command,
operable program or batch file.
Use --force to continue.
Aborted due to warnings.
and the site does not launch...
Researching this problem, some responses say that I now need to install yet another tool - Ruby, followed by the 'compass' gem.
Is this really necessary ?? (I'm hesitant because the Yeoman website does not require this to get started using the angular generator).
Is there perhaps another solution ?
thanks
It seems like compass is necessary by default.
It also seems that the only solution here is to go ahead and download Ruby (if you do not already have it), in order to install compass. These instructions cover how:
Download Ruby here: http://rubyinstaller.org/downloads/ and install.
Install the compass library: gem install compass
Yes compass is necessary.
Download and install ruby http://rubyinstaller.org/downloads/
and run gem install compass in ruby command prompt to install compass.
now it will work!!!.
What you need to know:
I have Node, NPM, Ruby, SASS all installed and at lastest stable realeases. (ruby isn't at it's lastest stable but the lastest stable does not have the sass gem):
https://drive.google.com/folderview?id=0B2JHimBsITS6WHpCTmU4SXBQU28&usp=sharing
I updated npm by using the command line and following the guide on troubleshooting updating npm on windows I USED OPTION 3
I then went back to google's instructions for setting up the starter kit:
$ cd web-starter-kit
$ npm install
$ npm install gulp -g
I scrolled down and followed the steps to "Set Up Your Web Starter Kit Project" keep in mind that i renamed the folder from "web-starter-kit" to "google web" in this case for convenience
So i navigated to the starter kit folder using cmd (with admin rights) and typed
npm install
here are the results:
See link to google drive
I still decided to go ahead and still tried to install gulp using
npm install gulp -g
within the starter kit folder heres the results:
See link to google drive
Who ever helps me rectify this will receive my praise forever...I really want to be using this starter kit to start my projects.
Be sure to reference the install.md for the GWSK git repo.
Looking at your install steps above, you are running npm install before installing Gulp. In the doc I referenced, it's Node.js, Gulp, then run the npm install inside of your project root.
I had errors when using the zipped version of GWSK that I downloaded from GitHub. When I cloned the repo with git, I had a error free clean install and no problems at all.
Cheers - D
EDIT:
OK, here is a step by step on the command line...
First I would have downloaded and installed node.js
Then I would have installed gulp (npm install --global gulp)
I'd then go to my web folder and clone the starter kit into a new project folder: "git clone https://github.com/google/web-starter-kit.git my_new_project"
The I cd into my new project folder and run: "npm install"
You should now be ready to work. While still in your new project folder run "gulp serve". That will start your web server, you can make all your changes in the app folder.
HTH - Don
In the Bootstrap documentation after Node.js and Grunt have been installed they say I have to :
Navigate to the root /bootstrap/ directory, then run npm install
What's that mean? I've open a folder with Bootstrap source files but how am I supposed to "run npm install'? I am totally confused.
If you haven't done so, download and install Node.js. The process varies per platform, so refer to the download link.
Once you've installed Node.js, you may need to open a new shell or even reboot for the any new environment variables to take affect.
Once you have Node.js installed, you should be able to:
cd ./bootstrap
npm install