乐趣区

Angular笔记安装新建项目以及显示空白问题

一. 使用 npm/cnpm 命令安装 angular/cli

npm install -g @angular/cli 
# 或者 
cnpm install -g @angular/cli

安装完成后输入 ng v 可查看版本信息

二. 创建项目,项目名为 my-app

# 创建项目
ng new my-app

cd my-app

# 运行项目
ng serve --open

三. 运行显示空白页面的问题
我之前一直都很疑惑,直到公司大佬发现了问题的原因,大概是兼容性问题导致的。
需要修改根目录下面的 tsconfig.json 文件

"target": "es2015",
# 修改为
"target": "es5",

重新运行下项目,就可以正常显示了

退出移动版