angular7项目实战常见报错集锦

小咪咪 2021-11-04 09:38 491阅读 0赞

#### routerlink路由 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70]  
解决方法：在当前模块中引入路由模块

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; 
    
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 1]

#### 打包错误，脚本超出预算 ####

![在这里插入图片描述][20190816092719423.png]

解决：

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

#### 使用video标签播放视频 ####

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

有效格式是第二种 AVC 编码格式的文件  
![在这里插入图片描述][2019082308293364.png]

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

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70]: /images/20211104/f72c54f548104a02a70e2005cd6eec95.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l3MDB5dw_size_16_color_FFFFFF_t_70 1]: /images/20211104/3655fa539dc64214a627f297246d9bc0.png
[20190816092719423.png]: /images/20211104/329a4d91c1e84a53af902288e04f6cd9.png
[2019082308293364.png]: /images/20211104/c474a84760074038a78793915e9b2d7b.png