小编Ram*_*ane的帖子

的package.json

"scripts": {
  "compile:sass": "node-sass sass/main.scss css/style.css -w"
}

main.scss

@import "abstracts/variables";
@import "base/typography";  

_variables.scss

$color-light-grey: #777;
$color-white: #fff;   

_typography.scss

body {
  color: $color-light-grey;
}
.heading-primary {
  color: $color-white;
}

现在我的问题是当我尝试使用npm run compile:sass它编译时抛出以下错误:

"message":"未定义的变量:\"$ color-light-grey \"."

我正在尝试制作一些多边形,旋转动画效果和字体上的渐变.Chrome和Firefox工作正常,但Internet Explorer 11无法正常工作.我在SASS工作.我已经做了一些研究尝试了一些例子,但非有效.我在IE/11上遇到了一些问题.

• 预期财产(包括前缀/
  不工作)

• clip-path:polygon不工作

• 线性渐变不适用于字体

  display: inline-block;
  background-image: linear-gradient(to right top, #bd74c2, #69306D);
  -webkit-background-clip: text;
  -ms-background-clip: text;
  

  Run Code Online (Sandbox Code Playgroud)

这是我的代码JSFiddle

在我的研究中,它说这个属性的一些将适用于IE10 +但我在IE11上有问题.有没有其他方法来处理这些属性.

在Angular更新指南之后我将Angular 5项目更新为Angular 6后 我得到了.

Property 'debounceTime' does not exist on type 'Observable<any>'

运行后ng update我的所有组件丢失了debounceTime import.但我手动把它放回去,但这并没有解决问题.

example.component.ts

import { debounceTime } from 'rxjs/operators';
 //Added after removed by ng update

 this.searchField.valueChanges
  .debounceTime(800)
  .distinctUntilChanged()
  .subscribe(term => {
    this.searchText = term;
    this.getAllDoctors();
  },

我真的想了解这里发生的事情.