Running "npm start" fails due to error - Angular2

Question

I run into something really strange. Basically I am working on an angular project, I started on a different machine, then saved the project on github and today I cloned the repo onto another machine but when I run npm start I had a nice error message:

C:\Users\antobbo\Documents\angularjsProjects\todoList>npm start

> [email protected] start C:\Users\antobbo\Documents\angularjsProjects\todoList
> tsc && concurrently "tsc -w" "lite-server"

node_modules/protractor/built/browser.d.ts(260,37): error TS2503: Cannot find namespace 'webdriver'.
node_modules/protractor/built/browser.d.ts(267,55): error TS2503: Cannot find namespace 'webdriver'.
node_modules/protractor/built/browser.d.ts(267,78): error TS2503: Cannot find namespace 'webdriver'.
node_modules/protractor/built/browser.d.ts(358,31): error TS2503: Cannot find namespace 'webdriver'.
node_modules/protractor/built/browser.d.ts(369,26): error TS2503: Cannot find namespace 'webdriver'.
node_modules/protractor/built/browser.d.ts(425,36): error TS2503: Cannot find namespace 'webdriver'.
node_modules/protractor/built/ptor.d.ts(13,29): error TS2503: Cannot find namespace 'webdriver'.

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"
npm ERR! node v6.9.2
npm ERR! npm  v3.10.9
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: `tsc && concurrently "tsc -w" "lite-server" `
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] start script 'tsc && concurrently "tsc -w" "lite-server" '.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular-quickstart package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     tsc && concurrently "tsc -w" "lite-server"
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs angular-quickstart
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls angular-quickstart
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     C:\Users\antobbo\Documents\angularjsProjects\todoList\npm-debug.log

It's worth noting that I have the latest version of node and npm but I did use a angular quickstart and everything worked OK on the other machine. I also have the log here So far I have uninstalled and reinstalled node again but to no avail. Does anybody have any suggestion, bearing in mind that, as I said, the application does actually work on another machine where I can start npm and run it?

EDIT: OK I thought I added a little note for beginners like me because I made a schoolboy error. I said I couldn't find any selenium webdriver in my package.json and that's because I had already run nmp install on my project - you understand I'm a really a beginner with Angular2 and nodejs - so I deleted my project completely, cloned the repo again, looked in my package.json before running any other command, found the offending line under devDependencies and changed to what it was suggested. It works now

Answer 1

In package.json, I changed

"@types/selenium-webdriver": "^2.53.33"

to

"@types/selenium-webdriver": "2.53.33"

It compiles the TypeScript now.

Looks like there was an update published today that broke something.

https://www.npmjs.com/package/@types/selenium-webdriver

Answer 2

The @types/selenium-webdriver published recently broke a few things in Protractor. The previous stackoverflow response works to pin this version for protractor@<=4.0.13.

This has been fixed in the latest [email protected]. Since Protractor relies that @types/selenium-webdriver works with the code base, Protractor is pinning the version of this typings file. Please checkout the latest version.