Angular(移动端)中使用轮播插件swiper4

项目使用的Angular7.0和swiper4

1.安装Swiper：

（自己使用cnpm命令安装竟然在node_modules文件夹下找不到swiper,使用npm命令则可以,这是why?）
npm install swiper --save

在angular.json文件添加swiper.js和swiper.css

"architect": {
	    ...............
	    
	    "styles": [
	         "src/styles.css",
	         "./node_modules/swiper/dist/css/swiper.min.css"
	     ],
	     "scripts": [
	         "./node_modules/swiper/dist/js/swiper.min.js"
	     ]
	     
		....................
}

3.安装模组定义档：

npm install @types/swiper --save

 然后再配置tsconfig文件：
 
		"typeRoots": [
		  //加上下面这句话
	      "node_modules/@types"
	    ]

4.配置tsconfig.app.json文件：

    "types": [
		//加上swiper
		"swiper"
     ]

5.slider.component.ts

import {
	// 需导入Aft