angular项目中，创建一个组建后，报错: ViewEncapsulation is not defined

Question

用angular-cli 创建的一个项目，利用 ng g component navbar 自动创建了一个导航组件

预览的时候显示

navbar.component.ts:7 Uncaught ReferenceError: ViewEncapsulation is not defined
at eval (navbar.component.ts:7)
at eval (navbar.component.ts:16)
at Object.../../../../../src/app/navbar/navbar.component.ts 

点进自动生成的 navbar.component.ts 文件中

@Component({
selector: 'app-navbar',
templateUrl: './navbar.component.html',
styleUrls: ['./navbar.component.css'],
encapsulation: ViewEncapsulation.None // 这一行报错
})

是没有下什么依赖么，大神帮助下

Answer 1

ViewEncapsulation这个是需要从core里面引用的

import {ViewEncapsulation} from '@angular/core';