'node_modules/@types/node/index.d.ts(20,1): error TS1084: Invalid 'reference' directive syntax

I have a problem with typescript compilation. Has anybody else received this error?

node_modules/@types/node/index.d.ts(20,1): error TS1084: Invalid 'reference' directive syntax.

tsconfig.json:

{
    "compileOnSave": false,
    "compilerOptions": {
        "sourceMap": true,
        "outDir": "./dist",
        "rootDir": "./app",
        "target": "es6",
        "module": "commonjs",
        "declaration": false,
        "noImplicitAny": false,
        "removeComments": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "listFiles": false,
        "skipLibCheck": true
    },
    "include": [
        "./app/**/*.ts"
    ]
}

typescript version in package.json: "typescript": "^2.6.1"

node.jstypescriptcompilationtsconfig


Solution 1:[1]

Had the same issue. Open the file ../node_modules/@types/node/index.d.ts

and remove the third slash

// <reference lib="es2015" />

compile again

Solution 2:[2]

I got the same error. I used the pinned version "@types/node": "7.0.7" in my package.json and got it working.

Solution 3:[3]

I have faced the same problem and found the solution is to update typescript to the latest version from the current version.

Make changes in the package.json file like below:

"devDependencies": {
     "typescript": "^3.9.7"
 }

Now "npm install typescript" , it will upgrade to latest version. Then run "ng serve" and it will compile successfully.

Solution 4:[4]

Its worked for me ckeckout your tags for versions of TypeScript. run npm dist-tag ls @types/node and look for your currently typescript version.

Then install the @types/node version supporting for typescript in my case I had to install 14.0.1 version

reference: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/47250#issuecomment-687701880

Solution 5:[5]

update TypeScript

npm install typescript@latest --save-dev

Solution 6:[6]

Had the same error and the fix was to use the previous version, check the version that you have in package.json for @types/node and see if you have the latest or not. You can check here: https://www.npmjs.com/package/@types/node as it seams that there was a new update.

Solution 7:[7]

My solution is to change typescript version to '>=2.7.3'. I think the version might depend on other packages. probably need to try a couple of times to get the right version. And don't forget to run install.

Solution 8:[8]

Try downgrading the @type/node.

I had the same issue with

"devDependencies": {
    "@types/node": "12.20.42",
}

I downgraded it to lower version and it compiles successfully

"devDependencies": {
    "@types/node": "12.19.12",
}

Solution 9:[9]

I have faced the same problem and found the solution is to update typescript to the latest version from the current version.

Make changes in the package.json file like below:

"devDependencies": {
     "typescript": "^3.9.7"
 }

Now npm install typescript, it will upgrade to the latest version. Then run "ng serve" and it will compile successfully.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Morfing
Solution 2 Belle S Rao
Solution 3 DCCoder
Solution 4 Richard Andres Cardozo Lemus
Solution 5 Trilok Singh
Solution 6 AlexMasca
Solution 7 Walahlah
Solution 8 Tyler2P
Solution 9 Youba

Related Questions