Visual Studio Code cannot scan for type definition

[Ben]

I am using visual studio for TypeScript Application Development. Recently, I try to study Phaser.

I just install the phaser by yarn.

yarn add phaser-ce

I can find the folder phaser-ce in the folder of node_modules and the typescript folder in phaser-ce. However, I found that Visual Studio Code cannot scan the Type Definition. It throw errors when I tried to write a small Phaser Application.

[Capitaine Herlock]

How does it looks with Atom ?

[Ben]

The same

[samme]

You might have to add a tsconfig file to your project.

[Ben]

Added . The below is my tsconfig

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true,
        "outDir": "target",
        "jsx": "react",
        "moduleResolution": "node",
        "allowJs": true
    },
    "include": [
        "src/**/*"
    ]
}

[samme]

See https://github.com/samme/brunch-phaser2/blob/c1e0b8fdb884509ea359e5eb3850617572562811/tsconfig.json#L5

[Ben]

@samme. Thanks. But it still throws the below exception

[ts] Module '"phaser-ce"' has no exported member 'Phaser'.

import { Phaser } from 'phaser-ce';

export default class Test{
    test: Phaser.Game;
}

Changed tsconfig.json

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true,
        "outDir": "target",
        "jsx": "react",
        "moduleResolution": "node",
        "allowJs": true
    },
    "files": [
        "./node_modules/phaser-ce/typescript/phaser.d.ts"        
    ],
    "include": [
        "src/**/*"
    ]
}

[samme]

Try removing

import { Phaser } from 'phaser-ce';

[J.D Nicholls]

Or import Phaser from 'phaser-ce';