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

bootstrap模块中未定义jQuery

徐新荣
2023-03-14

我想为我的网站使用bootstrap(带node.js)。但我有以下错误:

/var/www/node_modules/bootstrap/js/transition.js:59}(jQuery);^referenceerror:jQuery.(/var/www/node_modules/bootstrap/js/transition.js:59:3)在module.(/var/www/node_modules/bootstrap/js/transition.js:59:3)在object.module.js:456:26)在object.module._extensions.js(module.js:474:10)在

我试着做一个

var bootstrap = require('bootstrap');

在我的主节点。

我使用npm安装了引导程序(npm install bootstrap)。我还尝试用同样的方法安装jquery,并添加var jquery=require('jquery');,但这不起作用。你知道会有什么问题吗?我正在启动Node.js,我可能会错过一些东西

然后,我在HTML网页中使用 引用bootstrap`

共有1个答案

黄昊英
2023-03-14

要将jquery插件与npm/node一起使用,需要在需要插件之前设置全局jquery变量[本例中为引导程序]:

global.jQuery = require('jquery');
require('bootstrap');

更多详情请参阅npm博客文章

 类似资料:
  • 问题内容: 因此,我正在使用RequireJS和React,尝试加载已安装的第三方组件: 结构在这里:https : //github.com/rackt/react- autocomplete/tree/master/lib 现在,我有一个main.js文件,它是在加载requireJS时启动的,看起来像这样: 现在,它们全部加载正常,但是第三条require语句为第三方组件中的main.js文

  • 问题内容: 这是我的代码: 我收到错误消息: 当我删除第一行时,我得到: 我到处搜索,人们到处都提到了Node.js的问题,但是我安装的Node是正确的,所以我不确定是什么问题。 问题答案: XMLHttpRequest是 Web浏览器中 的内置对象。 它不随Node一起分发;您必须单独安装它, 用npm安装 现在,您可以在代码中使用它。 var xhr = new XMLHttpRequest(

  • 问题内容: 我刚刚开始使用Twitter的Bootstrap,并且想知道自定义的“最佳实践”是什么。我想开发一种系统,该系统将利用css模板(Bootstrap或其他)的所有功能,完全(轻松)地进行修改,具有可持续性(即–从Twitter发布下一版本的Bootstrap时,我不会)不必重新开始。 例如,我想将背景图像添加到顶部导航中。看来有3种方法可以解决此问题: 修改bootstrap.css中

  • 需要 10.2.0+ 您可以在*.vue文件中定义自定义语言块。 自定义块的内容将由在vue-loader'选项的loaders对象中指定的加载器处理,然后由组件模块require。 配置类似于[先进的Loader配置](../ configurations / advanced.md)中描述的配置,除了匹配使用标记名称而不是lang`属性。 如果找到一个自定义块的匹配加载器,它将被处理; 否则将

  • 我创建了一个简单的webapp,在Rails3.2.17应用程序中集成了bootstrap 3,遵循stackoverflow上的这一过程,因此不使用gem,而是手动复制相关应用程序目录中的bootstrap文件。 即使我有,在我的gem文件中: 我仍然可以看到,用chrome检查我的网页,错误:

  • 问题内容: 我正在尝试在我的react应用中使用bootstrap,但这给了我一个。我已经导入了jquery并尝试从其他帖子尝试以下操作: 但是,我仍然会收到错误消息。 解决此问题的唯一方法是将 进入index.html 有没有一种方法可以导出jquery或引导程序能够检测/读取它? 我通过以下方式致电我的引导程序 问题答案: 我尝试使用“ create-react-app”构建一个项目,发现导入