Cannot find name 'module'. when using commonjs

Question

I have the following code...

@Component({
    module: module.id, 
    selector: 'hero',
    templateUrl:'hero.component.html',
    styleUrls: ['hero.component.css'],
    directives: [HeroDetailComponent, MD_CARD_DIRECTIVES, MD_BUTTON_DIRECTIVES, MD_LIST_DIRECTIVES, MD_ICON_DIRECTIVES, MdToolbar, MD_INPUT_DIRECTIVES],
    providers: [HeroService],
    viewProviders: [MdIconRegistry]
})
export class HeroComponent implements OnInit{
...
}

//tsconfig.js
{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "rootDir": "src/ng2",
    "moduleResolution": "node",
    "sourceMap": false,
    "inlineSources": true,
    "inlineSourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "outDir": "public/ng2",
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}

But when I run I get...

src/ng2/components/hero/hero.component.ts(15,13): error TS2304: Cannot find name 'module'.

UPDATE

I tried to do the steps according to this question

"globalDependencies": {
  "node": "registry:dt/node#6.0.0+20160608110640"
 }

but I still see...

Object literal may only specify known properties, and 'module' does not exist in type

UPDATE 2 after updating the bootstrap file to look like this...

import {bootstrap}     from '@angular/platform-browser-dynamic';
import {HeroComponent} from './components/hero/hero.component';
import { HTTP_PROVIDERS } from '@angular/http';
declare var module:any;
bootstrap(HeroComponent, [ HTTP_PROVIDERS ]);

I still see

src/ng2/components/hero/hero.component.ts(15,5): error TS2345: Argument of type '{ module: string; selector: string; template: string; styleUrls: string[]; directives: (typeof He...' is not assignable to parameter of type '{ selector?: string; inputs?: string[]; outputs?: string[]; properties?: string[]; events?: strin...'. Object literal may only specify known properties, and 'module' does not exist in type '{ selector?: string; inputs?: string[]; outputs?: string[]; properties?: string[]; events?: strin...'.

Here is the project

BeetleJuice · Accepted Answer · 2016-06-15 17:37:49Z

1

Update

Ok, let's put that line in a typescript definition file and add a reference to that file within the bootstrap file. At the top of the your Angular launch script, add:

///<reference path="./path/to/custom.typings.d.ts"/>

You then need to create a file at the path referenced. In that file, add the line: declare var module:any;

Original Answer

In your Angular launch script (the script that calls Angular's bootstrap function), add the following line near above bootstrap:

declare var module:any;

I'm not sure why this error is happening since like you I configured my dependencies as suggested. Since I know it doesn't pose any problem, I just added the line to get the compiler to stop complaining

edited Jun 15, 2016 at 17:37

answered Jun 12, 2016 at 4:55

BeetleJuice

41.1k24 gold badges120 silver badges181 bronze badges

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

3 Comments

Jackie Over a year ago

Tried that but I still seem to be having issues. Any ideas? See Update

BeetleJuice Over a year ago

Checkout my edited answer. Maybe the line has to be in a typescript definition file.

Jackie Over a year ago

I will try that out can I still use systemJS as my transpiler?

Collectives™ on Stack Overflow

Cannot find name 'module'. when using commonjs

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related