Error when mixing javascript and typescript in angular

Question

I am trying to use typescript in part of my angular application. I have a ts file describing a class User:

module App.Tools {
    export class User {
        name: string;
        constructor(name: string) {
            this.name = name;
        }
    }
}

And in my JS file (es2015) I try to import the class User:

import  {User} from 'User.ts';

export default class AuthFactory {
    /**
     * @param  {[type]}
     * @return {[type]}
     */
    constructor($firebaseAuth) {
        this.ref = new Firebase("...");

        // create an instance of the authentication service
        this.auth = $firebaseAuth(this.ref);

        var authData = this.auth.$getAuth();

        if (authData) {
            this.currentUser = new User(authData.google.displayName, authData.provider);
        } else {
            this.currentUser = null;
        }
    }
}

This doesn't work as I get an error : "User is not defined".

I am using gulp with browserify, tsify and babel.

.ts extension does not belong to import statement.

MartyIX
– MartyIX

2016-01-26 11:31:12 +00:00
Commented Jan 26, 2016 at 11:31 — MartyIX
– MartyIX, Commented Jan 26, 2016 at 11:31

TSV · Accepted Answer · 2016-01-26 14:06:13Z

1

I think you need an "external" typescript module in "User.ts" file:

class User {
    name: string;
    constructor(name: string) {
        this.name = name;
    }
}

export = User;

Update 1

Using internal modules:

module App.Tools {
    export class User {
        name: string;
        constructor(name: string) {
            this.name = name;
        }
    }
}

export = App.Tools;

To use this in import:

import { User } from 'User.ts';

edited Jan 26, 2016 at 14:06

answered Jan 26, 2016 at 13:02

TSV

7,6681 gold badge33 silver badges39 bronze badges

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

2 Comments

user1012750 Over a year ago

Hello, Thanks for the reply. Unfortunately your solution is not working. THe line 'this.currentUser = new User(authData.google.displayName, authData.provider);' doesn't seem to work

user1012750 Over a year ago

Update: I've found that with nodejs it is not possible to use internal modules. Must stick with external modules.

Collectives™ on Stack Overflow

Error when mixing javascript and typescript in angular

1 Answer 1

Update 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Update 1

2 Comments

Related