Angular v8 向组件添加 3rd 方样式

Question

这个问题在这里已经有了答案:





Angular2 styleUrls not loading external styles

(2 个回答)


1年前关闭。




我的 Angular 组件看起来像:

@Component({
    selector: 'home',
    templateUrl: './home.component.html',
    styleUrls: ['https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css',
        'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css']
})

在通过 angular-cli 编译的步骤中，我有错误:
Module not found: Error: Can't resolve './https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css' Module not found: Error: Can't resolve './https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'
我该如何解决我的问题？

Answer 1

最好的方法是安装这个js和CSS，这是正确的方法

使用此命令进行 bootstrap 和 fontawesome 安装

npm i bootstrap
npm i font-awesome
// For angular font awesome use
npm i angular-font-awesome

然后在 angular.json 文件中的样式和脚本中添加链接