How to import a javascript class into typescript?

Question

I am making a game in which I have a js class that I am exporting as follows:

var Game = cc.Class({
    name: "WS",
});
module.exports = Game;

The above is in a file ws.js.

In the same directory as ws.js, I have a TypeScript file called transitions.ts where I try to import the Game module as follows:

import Game = require ("./Game");

I am getting an error: cannot find module './Game'

This isn't a JavaScript/TypeScript thing, it's to do with what you're using to handle require calls -- Webpack, RollupJS, Node.js... — T.J. Crowder
– T.J. Crowder, Commented Mar 22, 2019 at 11:34
Uh, use require("./ws.js") if that's what the file is called, not Game.js? — Bergi
– Bergi, Commented Mar 22, 2019 at 11:35
"Also, I would like to know..." Ask one question per question, not two or three. I was doing some cleanup on the question, so I removed that bit. — T.J. Crowder
– T.J. Crowder, Commented Mar 22, 2019 at 11:36
That import Game = require ("./Game"); looks weird, but it's valid in TypeScript. — T.J. Crowder
– T.J. Crowder, Commented Mar 22, 2019 at 11:45

philipjc · Accepted Answer · 2019-03-22 12:17:16Z

1

Exporting your class as a module will allow you to import it as one in another file.

Class House { blah.. blah };
export default House;

import House from '../filename';

answered Mar 22, 2019 at 12:17

philipjc

2513 silver badges9 bronze badges

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

Comments

Paleo · Accepted Answer · 2019-03-22 13:17:31Z

1

Just replace import with const:

const Game = require("./Game");

The other solution is to describe the JavaScript module in a .d.ts file:

// Game.d.ts
declare class Game {
  // …
}
export = Game;

Then, you can import the JS module:

import Game = require("./Game");

answered Mar 22, 2019 at 13:11

Paleo

24k5 gold badges74 silver badges84 bronze badges