当前位置: 首页 > 知识库问答 >
问题:

如何通过npm在Angular中导入Bootstap(或第三方库

曾鸿振
2023-03-14

如何将bootrap(5)导入Angular(11)中,使bootstrap javascript组件工作?我已经通过npm安装了bootstrap,将文件路径保存在angular.json中,将“bootstrap”导入到组件中,

从“bootstrap”导入{bootstrap};,

并创建了一个typings.d.ts文件,其中包含

声明模块“bootstrap”;

引导javascript组件仍然不能工作。

共有1个答案

公良昕
2023-03-14

您需要在angular.json文件中添加引导库:

"styles": ["node_modules/bootstrap/dist/css/bootstrap.css"],
"scripts": ["node_modules/bootstrap/dist/js/bootstrap.js"]
 类似资料:
  • 问题内容: 当前,在Sass文件中,我们具有以下内容: 这很不好,因为我们实际上不确定路径:可能是,因为npm是如何安装东西的。 在Sass中,有没有一种方法可以搜索直到找到node_modules?甚至是通过npm包含Sass的正确方法? 问题答案: 如果您在2017年寻找方便的答案并使用Webpack,这是我发现的最简单的方法。 假设您的模块路径如下: 然后,您可以在主要的scss文件中使用:

  • 本文向大家介绍Angular 如何使用第三方库的方法,包括了Angular 如何使用第三方库的方法的使用技巧和注意事项,需要的朋友参考一下 Angular 的组件与模块看似好像与现有各种第三方类库(例如:lodash、moment 等)使用上有点格格不入,这很大的原因是 TypeScript 造成的假象。三足鼎立的前端其实都是雷同的,不管是哪种前端框架都可以使用到这些第三方类库。 以下我将从另一个

  • 问题内容: 如何将第三部分框架导入Xcode Playground? 斯威夫特游乐场显然有一个框架,导入机制,因为我们可以导入,以及在OSX游乐场,(似乎来自iOS的缺失,奇怪) 我真正想做的是从操场上隐藏代码,并能够显示一个最小的示例。关于如何将框架加载到Swift游乐场的任何想法? (此问题有所不同,因为请求是在Playground中使用 框架 而不是简单的常规文件) 问题答案: 编辑:从Be

  • 我正试图通过一个第三方库登录我的meteor站点,比如下面的库:https://gist.github.com/gabrielhpugliese/4188927 在server.js中,我有: PS.在服务器端,users集合看起来很好。流星令牌和其他一切都在那里。

  • 我一直在开发OSGi模块,但到目前为止,当我不得不包装现有的JAR时,我遇到了许多问题。这方面的一个例子是使用Oracle数据库驱动程序,尽管我已经将jar包装为bundle,但它仍然拒绝工作(即使它存在,也找不到驱动程序类)。这只是一个例子,但我遇到了其他第三方库的问题,我想知道是否有一种最佳实践方法来使用第三方库,每次都有效? 杰洛夫

  • 展开需要添加第三方库的工程,右键References->Add,会看到提供三种方式添加,分别是Global Assembly Cache、Browse、Solution。 <a>Global Assembly Cache: 在已经安装的.net framework中选择引入 <b>Browse: 通过文件浏览方式选择引入 <c>Solution: 添加项目方式引入 以添加.net framewor