angular8版本的脚手架使用@ViewChild,会出现问题

angular8版本的脚手架使用@ViewChild,会出现问题

  • 我在使用angular8版本的脚手架时,创建的项目中使用@ViewChild,会报错。问题如图所示:
  • 我的脚手架版本:
    angular8版本的脚手架使用@ViewChild,会出现问题_第1张图片
    项目代码如图所示:
    目录:
    angular8版本的脚手架使用@ViewChild,会出现问题_第2张图片
    HTML页面angular8版本的脚手架使用@ViewChild,会出现问题_第3张图片
    news的ts页面:
    angular8版本的脚手架使用@ViewChild,会出现问题_第4张图片
    错误提示:
    angular8版本的脚手架使用@ViewChild,会出现问题_第5张图片
    之前的脚手架版本是8,后来我看见视频教师的版本是7,于是我就想是不是8对ViewChild定义与之前版本不一样。于是我就降低了我的版本。降成和老师一个版本的,果然错误就没了。安装了新的版本,要重新创建项目
    新的版本如图所示:
    angular8版本的脚手架使用@ViewChild,会出现问题_第6张图片
    代买如图所示:
    angular8版本的脚手架使用@ViewChild,会出现问题_第7张图片
  • 降低angular脚手架版本的方法:
    1:先卸载之前版本:
    npm uninstall -g @angular/cli
    2:清除缓存,避免未卸载赶净
    npm cache verify
    3:查看版本号:
    ng v
    如果没有显示版本信息,则卸载赶净。
    4:安装新的版本
    npm install -g @angular/[email protected]
    后面多了一个@+版本号
    5:输入:ng v
    查看版本。

你可能感兴趣的:(angular,angular,angularCli,ViewChild)