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

标签 angular

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





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'
我该如何解决我的问题?

最佳答案

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

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

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

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

关于Angular v8 向组件添加 3rd 方样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59369414/

相关文章:

angular - 错误: SyntaxError: Unexpected token <

jquery - Angular 2 slider 范围 - 添加 Ion.RangeSlider 库

angular - 如何使用 Gulp-Rev 和 Gulp-Rev-Collector 正确解决浏览器缓存问题,以便更新我的 index.html 文件

angular - 如何以 Angular 2刷新页面

javascript - 对预检请求的 Angular 响应未通过访问控制检查

angular - Firebase:应在 Angular 项目中使用 Promise 还是 Observable?

angular - 错误 : cannot find module nativescript-angular/router or its corresponding type declarations

node.js - 在 Angular2 中渲染不同的模板

unit-testing - 如何在测试中模拟 NavParams?

Angular2 使用订阅作为 promise