运行Angular Material Demo Code

时间:2018-03-13 17:46:23

标签: angular ionic-framework angular-material

尝试运行Angular Material Basic Expansion Panel代码,只是为了测试它。

  1. 我点击了Edit In StackBlitz button enter image description here
  2. 带我here
  3. Export代码enter image description here
  4. 解压
  5. 更改目录和npm install
  6. ng serve
  7. 但我得到错误: enter image description here

    所以我谷歌错误,并尝试this solution

    当我重新运行时,我收到此错误: enter image description here

    我谷歌那个,并尝试this solution,更改main.ts,但我得到了同样的错误。

    如何让示例运行?

2 个答案:

答案 0 :(得分:1)

您应该用此行替换此行。

platformBrowserDynamic().bootstrapModule(AppModule);

有了这个,它就像一个魅力。

platformBrowserDynamic().bootstrapModule(this.AppModule);

答案 1 :(得分:1)

你的问题是angular-cli的版本

In your package.json change Ex,

original:

"@angular/cli": "1.5.0",

new:

"@angular/cli": "^1.5.0", 

你看^ 1.0.2它意味着安装版本1.0.2或最新的版本或补丁版本,如1.1.0。

技巧是符号^

像@mauricio一样说:platformBrowserDynamic()。bootstrapModule(this.AppModule);

删除您的节点模块文件夹并执行npm install,ng serve

试一试

通过更新到1.6.5

,在angular-cli上解决了这个问题