如何在angular上安装第三方插件?

# 如何安装第三方插件,比如:jQuery.js 、Bootstrap.js、 Bootstrap.css

第一步安装:
>npm install bootstrap --save
>npm install jQuery --save
//注意:拿到这个工程后,除了 npm install外,还要安装bootstrap和jquery (因为安装时没有用--save)


第二步导入:
注意导入方法,导入到angular.json 文件的styles 和scripts
导入bootstrap.min.css 相对路径到styles中
导入bootstrap.min.js、jquery.min.js到scripts中去

"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"node_modules/jquery/dist/jquery.min.js"],
 
做实验时出现如下错误:
Cannot read property 'fn' of undefined     at bootstrap.min.js:6
 
出现此错误是由于:1.导入方法时,没有先导入jquery的方法
                                 2.安装bootstrap时,忘了用--save保存

转载于:https://www.cnblogs.com/aiyamoer/p/10966108.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值