angular7项目实战常见报错集锦

routerlink路由

解决方法：在当前模块中引入路由模块

import { RouterModule} from '@angular/router';
imports: [
 CommonModule,
    RouterModule
],

css多行文本溢出不生效问题

p {
   font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #828282;
    overflow: hidden; 
    text-overflow: ellipsis;
    display: -webkit-box;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 4; 

}

打包错误，脚本超出预算

解决：

可以在angular.json中更改或者减少静态脚本的数量和大小
"budgets": [
   {
      "type": "initial",
      "maximumWarning": "2mb",  <=  "4mb"
      "maximumError": "5mb"
   }
]

使用video标签播放视频

在使用video标签播放mp4格式的视频的时候，有时候播放的结果只有音频，没有视频。解决方案是更改视频转换为mp4的 编码格式。

有效格式是第二种 AVC 编码格式的文件

新建angular项目的时候，使用scss预处理器

使用命令新建组件的时候，虽然前面设置的是scss，但是后面新建组件的时候会变成sass。
解决方法：需要在angular.json中将sass改成scss即可