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

I'm getting this same error. I'm not using angular-quickstart, but it is an angular 2 project using protractor for e2e tests which is where the issue seems to be. Something similar happened to me a couple months ago when they moved the type defs from typings to npm. I haven't found a solution yet. — Lenny
– Lenny, Commented Dec 20, 2016 at 0:42
A fix is in the works on angular/protractor#3848. More discussions on this issue: Make selenium-webdriver declaration a module, 'npm start' error with protractor — Zeke Lu
– Zeke Lu, Commented Dec 20, 2016 at 15:07

user1952133 · Accepted Answer · 2016-12-20 00:47:03Z

34

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

answered Dec 20, 2016 at 0:47

user1952133

3163 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Lenny Over a year ago

Worked for me. I just ran: npm install @types/[email protected]

hook38 Over a year ago

remember to run 'npm install' after updating package.json... I did not T_T

Md. Mahmud Hasan Over a year ago

npm install @types/[email protected] : work for me. Thnx @Lenny

jazzo Over a year ago

thanks guys. I've added the above line "@types/selenium-webdriver": "2.53.33" to my package.json (by the way there was no mention of selenium in it though, so I added it under devDependencies, I hope that's the right place) but to no avail, I still get the same error and when I run npm install @types/[email protected] I get a ``-- @types/[email protected] invalid`. Would it help if I get the project from github again and try with a fresh one? This is the current package.jsn pastebin.com/G5aPMaSS

jazzo Over a year ago

OK it works fine now, sorry I was looking for selenium-webdriver after I run npm install on my application (so I added an "edit" to the original post ). Thanks a lot guys. One question though is this change likely to break the project again in the future? I mean the caret is only supposed to ensure backward compatibility right?

craig · Accepted Answer · 2016-12-22 00:30:25Z

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.

answered Dec 22, 2016 at 0:30

craig

5,0161 gold badge25 silver badges40 bronze badges

Comments

hello word · Accepted Answer · 2016-12-22 16:00:45Z

0

I had this error when I tried to do "ionic serve" :

typescript: node_modules/protractor/build/browser.d.ts, line: 263 Cannot find namespace 'webdriver'.

To resolve this error, I added in package.json : "@types/selenium-webdriver": "2.53.33"

and finally I did "npm install".

It worked for me.

answered Dec 22, 2016 at 16:00

hello word

1

Comments

Community · Accepted Answer · 2017-05-23 10:31:06Z

0

The problem could be from protractor lib which dependents on selenium-webdriver. I updated protractor lib to be "4.0.14" can it fixed the problem.

ref: Angular2 - npm install didn't find namespace webdriver

edited May 23, 2017 at 10:31

CommunityBot

11 silver badge

answered Dec 25, 2016 at 3:25

ninetiger

1,11611 silver badges13 bronze badges

Collectives™ on Stack Overflow

Running "npm start" fails due to error - Angular2

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related