cannot find name 'require' in angular 7(typescript 3.1.3)

Question

My question is why this error shown?

ERROR in src/app/p2p/p2p.component.ts(14,16): error TS2580: Cannot find name 'require'. Do you need to install type definitions for node? Try npm i @types/node.

I have install

 @types/node
in app/tsconfig.app.json have add 
"types": [
    "node" 
  ],
  "typeRoots": [ 
  "../node_modules/@types"
 ]

but there is error cannot find 'require'

declare var require : any; export class P2pComponent implements OnInit { constructor() { var Peer = require(peer) var p = new Peer({ initiator: location.hash === '#1', trickle: false }) p.on('signal', function (data) { console.log('SIGNAL', JSON.stringify(data)) document.querySelector('#outgoing').textContent = JSON.stringify(data) }) document.querySelector('form').addEventListener('submit', function (ev) { ev.preventDefault()}) p.on('connect', function () { console.log('CONNECT') p.send('whatever' + Math.random()) }) } } — ikhwan rozali
– ikhwan rozali, Commented Nov 5, 2018 at 1:28

Johannes Hinkov · Accepted Answer · 2019-04-04 09:45:19Z

46

The problem also remained after adding it to my tsconfig.json, but additionaly adding the following line to tsconfig.app.json resolved it for me:

{
"compilerOptions": {
    "types": ["node"]
}

So be sure to add this into both files ./tsconfig.json AND ./src/tsconfig.app.json and it should work.

answered Apr 4, 2019 at 9:45

Johannes Hinkov

8129 silver badges9 bronze badges

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

5 Comments

Felipe Belluco Over a year ago

For me worked when I added it to tsconfig.app.json! Thanks a lot!

Evan Over a year ago

I found I could add "node" to "types" in tsconfig.app.json without also including it in tsconfig.json and the project compiled for me.

Dave Nottage Over a year ago

Winner! The problem is that a default tsconfig.app.json has an empty types property, which obliterates the one from tsconfig.json. Took me a while to work that out

Cornchips007 Over a year ago

This works for react or any typescript project

RDV Over a year ago

@DaveNottage input helped me, removing empty types from tsconfig.app.json and added types=["node"] in tsconfig.json fixed the issue for me.

adiga · Accepted Answer · 2019-06-18 10:47:25Z

31

Add the following settings to src/tsconfig.app.json

{
  "compilerOptions": {
    "types": ["node"]
  }
}

edited Jun 18, 2019 at 10:47

adiga

35.4k9 gold badges65 silver badges88 bronze badges

answered Jan 18, 2019 at 15:25

Vardaan Tyagi

3113 silver badges3 bronze badges

Comments

Hearen · Accepted Answer · 2019-01-14 10:51:47Z

21

Type node is missing

install @types/node :

npm install --save @types/node

or

yarn add @types/node

edit your src/tsconfig.json adding:

{
    "compilerOptions": {
        "types": ["node"]
    }
}

edited Jan 14, 2019 at 10:51

Hearen

7,8864 gold badges60 silver badges74 bronze badges

answered Nov 2, 2018 at 9:18

user6299088

Comments

TimTheEnchanter · Accepted Answer · 2019-02-02 18:18:02Z

5

Like some other folks, I, too, had added node to the 'types' array in tsconfig and for some reason it made no difference. Knowing full well that this is a hack, here's how I resolved it:

Add this line anywhere above the 'require' statement: declare const require: any;

This is not a real fix, but I don't have the time to battle with this type of plumbing problem right now. I'll come back and deal with it later (or probably not, but that's OK, too)

answered Feb 2, 2019 at 18:18

TimTheEnchanter

3,7012 gold badges36 silver badges53 bronze badges

2 Comments

Marc Guillem Over a year ago

Did you get a proper solution mate?

TimTheEnchanter Over a year ago

No, never came back to revisit this

adiga · Accepted Answer · 2019-06-18 10:46:37Z

1

Its all because typeScript is not aware of the require keyword so do add a line making typescript aware of require keyword

once its compiled to javascript it knows the require word better and make the work done

declare var require: any;

const pokemon = require('src/assets/pokedex.json');

edited Jun 18, 2019 at 10:46

adiga

35.4k9 gold badges65 silver badges88 bronze badges

answered Jun 18, 2019 at 10:35

Bhanuprakash Reddy

672 bronze badges

Comments

adiga · Accepted Answer · 2019-06-18 10:46:49Z

1

check tsconfig.json too. you need to add the same settings there too.

edited Jun 18, 2019 at 10:46

adiga

35.4k9 gold badges65 silver badges88 bronze badges

answered Jan 4, 2019 at 15:48

user10868303

191 bronze badge

Collectives™ on Stack Overflow

cannot find name 'require' in angular 7(typescript 3.1.3)

6 Answers 6

5 Comments

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

5 Comments

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related