Angular--A required parameter cannot follow an optional parameter.(必选参数不能位于可选参数后)

女爷i 2021-09-27 07:00 330阅读 0赞

# 前言 #

今天在为学习AngularJS4有关于管道的内容，因为第一次学习，所以不是很懂，遇到的问题肯定也是不少，今天就遇到了这样一个问题，如下：  
![这里写图片描述][70]

# 内容 #

这个问题困惑了我将近两个小时，想在网上找寻相关的解决方法，一直都没有找到，复制：`A required parameter cannot follow an optional parameter` 去网上搜索，找到的都是有关于ts文档报错方面的错误总结，没一个是解决问题方面的总结，因为最后还是被解决了，所以在这里发表一下我解决的方法：

## 出现原因： ##

因为之前用代码

ng g pipe pipe/filter

安装一个管道的文件夹，但是没法安装，显示的内容如下：

C:\Users\ITLuoxiaojun\auction>ng g pipe pipe/filter
    
    As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release,
    which will only support Node 6.9 and greater. This package will be officially deprecated
    shortly after.
    
    To disable this warning use "ng set --global warnings.packageDeprecation=false".
    
    You have to be inside an angular-cli project in order to use the generate command.
    
    C:\Users\ITLuoxiaojun\auction>

让我到文件夹下面去下载，但是我已经在我所需要的文件夹下面下载了，可是就是下载不了，于是我就另外新建了一个案例：`ng new Test`，然后打开这个案例，输入上面的代码就立马新建成功，于是我就将这个文件夹中新建的文件夹复制到之前建立不了的那个文件夹里面，于是在完事之后就报错了。报的错误就是上面的那个。

## 解决步骤： ##

仔细查看用命令提示符创建文件夹的时候可以看到如下代码：

C:\Users\ITLuoxiaojun>cd Test
    
    C:\Users\ITLuoxiaojun\Test>ng g pipe pipe/filter
    As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release,
    which will only support Node 6.9 and greater. This package will be officially deprecated
    shortly after.
    
    To disable this warning use "ng set --global warnings.packageDeprecation=false".
    
    installing pipe
      create src\app\pipe\filter.pipe.spec.ts
      create src\app\pipe\filter.pipe.ts
      update src\app\app.module.ts
    
    C:\Users\ITLuoxiaojun\Test>

请注意，代码中还有一行：`update src\app\app.module.ts`，所以在我复制文件夹过去的时候，并没有更改`app.module.ts`里面的内容，所以就报错了，这个时候只需要点开`app.module.ts`，然后在引用中增加`FilterPipe`就好，如下代码：

import { FilterPipe } from './pipe/filter.pipe';

然后在@NgNodule中增加`FilterPipe`。  
最后更新一下案例，如果还不行，可能是缓存方面还没有加载到，只需要关闭WebStorm，然后再打开，此问题立马解决。

# 总结 #

不懂的知识太多了，即使是站在巨人的肩膀上，但是也只能管中窥豹，对于太多的知识还是不知道，需要好好的去学习！

# end #

如果这篇博客对您有帮助，请点击右边的大拇哥，如果有错误，请您指出，非常感谢您能阅读这篇博客！

[70]: /images/20210923/dce72f6acb53462a8d16e27b446d2cc0.png