How to import Javascript module in Typescript

Question

I want to know to import Javascript module in Typescript.

Project

Module is "amd."
Use outFile option for single file.
Control internal module from ///<reference path=''/>

code

app.js

export function func(a, b) {
    return a+b;
}

MainApp.ts

import Stats from "../app";    

class MainApp {

    foo() {
        const f = func(1, 2); // not define (runtime error)
    }
}

error

SyntaxError: Unexpected token export
ReferenceError: define is not defined
Main.js:6667
    at d:\...\Main.js:6667:2
ReferenceError: MainApp is not defined
    at window.onload (d:\...\index.html:18:24)

not found define.

Possible duplicate of How to import js-modules into TypeScript file? — d4rty
– d4rty, Commented Nov 28, 2018 at 15:05

General Grievance · Accepted Answer · 2022-02-14 16:36:28Z

5

It is possible there is mistake with default exports. Here is working example appropriate to your code structure.

tsconfig.json:

{
    "compilerOptions": {
        "strict": true,
        "allowJs": true,

        "target": "es6",
        "module": "commonjs"
    }
}

app.js:

export function sum(a, b) {
    return a + b;
}

MainApp.ts:

import {sum} from './app';

class MainApp {
    foo() {
        const a = 1;
        const b = 2;

        const result = sum(1, 2);
    }
}

global.d.ts:

declare module '*.js';

edited Feb 14, 2022 at 16:36

General Grievance

5,12039 gold badges39 silver badges60 bronze badges

answered Nov 28, 2018 at 15:37

B. Bohdan

5291 gold badge5 silver badges13 bronze badges

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

1 Comment

Dubs Over a year ago

target is not "commonjs".

Collectives™ on Stack Overflow

How to import Javascript module in Typescript

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related