一开始我直接cnpm install layui-laydate,然后引入js和css,这是常规的做法,但是,

laydate.js方法中引入了样式路径laydate.css,导致报错类似:

Refused to apply style from ‘http://localhost:4200//laydate/theme/default/laydate.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.


解决办法:

一、将下载的laydate中的js和theme文件放到一个统一的文件下面,我把它放到asset下

QQ截图20180227181714.jpg

二、在angular-cli.json配置js

QQ截图20180227181804.jpg

注意:CSS文件不用再引入

三、修改laydate.js

1055081-20171212155615347-1004575670.png

找到这一句补全路径和删除版本号

QQ截图20180227181701.jpg

四、ts文件中声明并使用

QQ截图20180227182504.jpg

QQ截图20180227182430.jpg

五:编译运行~