Can't import Md2Module into project created and built with angular-cli beta 15

[promact]

Can't import Md2Module into project created and built with angular-cli beta 15

[dharmeshpipariya-zz]

We have fixed this issue with release [email protected],
comment here if you have an issue

[miukimiu]

@dharmeshpipariya I have the same problem:

Uncaught Error: Cannot find module "."
webpackMissingModule    @ all.js:12

[Mufasa]

I also get exactly the same problem - I am using Angular CLI v1.0.0-beta.16 and md2 v0.0.2

My app.module.ts file contains:

...
import { Md2Module } from 'md2/all';
...
@NgModule({
  declarations: [...],
  imports: [
    ...,
    Md2Module.forRoot()
  ],
  ...

This error seems to occur at the point where Md2Module.forRoot() is called, giving the stacktrace shown by @sitexw.

I haven't even got any code that uses any of the Md2 directives in any of my html files yet.

2016/10/07: Just tried again with v0.0.3 of md2 - same error :(
2016/10/11: Just tried again with v0.0.4 of md2 - same error :(
2016/10/20: Just tried again with v0.0.6 of md2 - this time get a new error:

metadata_resolver.js:700
Uncaught Error: moduleId should be a string in "Md2TooltipComponent". See https://goo.gl/wIDDiL for more information.
If you're using Webpack you should inline the template and the styles, see https://goo.gl/X2J8zc.

[mkkr]

I have the same config as you Mufasa, and I had the same issue.
I fixed it by commenting this line in the "node_modules/md2/tooltip/tooltip.component.ts" :
moduleId: module.id,
So now I have :
// moduleId: module.id,

[Mufasa]

mkkr - thanks for the tip - your suggestion gave me an insight that I tried - I changed the line in the node_modules/md2/tooltip/tooltip.component.ts from:

moduleId: module.id,

to:

moduleId: String(module.id),

Now I don't get the error :)

[dharmeshpipariya-zz]

We have fixed this issue with release [email protected],
comment here if you have an issue

[dharmeshpipariya-zz]

@adrian-heath please refer our demo code for MD2 demo code also use latest version of md2 is 0.0.0-alpha.7

[adrian-heath]

@dharmeshpipariya This still doesn't work with the latest angular-cli boilerplate project which no longer uses systemjs. You can recreate this easily by following these steps.

npm Install angular-cli beta 15
ng new md2-test
cd md2-test
ng serve

browse to localhost:4200 and should see App works!

npm install --save md2

open app.module.ts and add
import { Md2Module } from 'md2/all';
and add
Md2Module.forRoot() to the imports

run ng serve again

this time the browser sticks on laoding and the console shows the error

Uncaught Error: Cannot find module "."

[sitexw]

I have exactly the same problem (but I do not use Angular CLI)

[sitexw]

In fact, the error occurs when compiling webpack:

[gorkamolero]

Also using this with a Webpack based setup and having the same error. Help needed!

[rafaelss95]

I got the same using Angular WebPack.

[gorkamolero]

Any word on this?

[aroop]

Issue if fixed for me with the latest version of md2. Thanks.

[gorkamolero]

Works like magic. Thank you

[Mufasa]

It hasn't been fixed for me.
I am using Angular CLI v1.0.0-beta.17 and md2 v0.0.6

My app.module.ts file contains:

...
import { Md2Module } from 'md2';
...
@NgModule({
  declarations: [...],
  imports: [
    ...,
    Md2Module.forRoot()
  ],
  ...

I haven't even got any code that uses any of the Md2 directives in any of my html files yet.

With this latest release of md2 I get a new error:

[sunillokhande]

https://github.com/dharmeshpipariya/material2-demo/issues/1