【Angular】问题汇总

Angular学习问题汇总

一、 主页标题栏样式不起作用（添加jquery和bootstrap文件，但不起作用）

解决方案一：Src目录下index.html文件，在下的中添加引用：
​​
代码：

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

解决方案二：
产生原因：Bootstrap版本为3.3.7的版本，需要重新下载这一版本的依赖包，同时需要在全局style.css样式文件中导入Bootstrap。
（引用：@import “~bootstrap/dist/css/bootstrap.css”;）

二、Port 4200 is already in use. Use '--port' to specify a different port.

解决方案一：杀死占用4200端口号的进程

cd C:\\windows\system32
netstat -ano | findstr :4200

TaskKill.exe /F /PID 10364

解决方案二：更换端口号

node_modules  ->@angular -> cli -> lib ->config -> schema.json

修改4200即可

解决方案三：更换本次端口号
正常的启动命令是ng serve,本次使用ng serve --port启动即可。

三、 TypeError: this.titleFilter.valueChanges.debounceTime is not a function

解决方案一：
产生效果：界面只显示左侧的搜索栏目
原因：Angular版本问题，目前使用版本为Angluar6，所以product组件中的product.component.ts中的方法中的debounceTime(500)不可用
解决：修改product组件中的product.component.ts如下，同时之前需要做的引用 import 'rxjs/Rx’直接删除即可。
​​

解决方案二：
​​

四、The serve command requires to be run in an Angular project, but a project definition could not be found.

解决方案：

update @angular/cli