Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery

我试图使用Bootstrap使一个程序的接口。我添加了jQuery 1.11.0到<head>标签，并认为这是，但当我在浏览器中启动网页jQuery报告一个错误:

Uncaught Error: Bootstrap's JavaScript requires jQuery

我已经尝试使用jQuery 1.9.0，我已经尝试在几个cdn上托管副本，但我不能让它工作。有人能指出我做错了什么吗?

当前回答

我正在使用NodeJS，得到了同样的错误。和其他答案一样，这个问题也是因为在Bootstrap之前需要加载JQuery;然而，由于NodeJS的特性，这个更改必须应用在pipeline.js文件中。

在pipeline.js中的变化是这样的:

var jsFilesToInject = [
  // Dependencies like jQuery, or Angular are brought in here
  'js/dependencies/angular.1.3.js',
  'js/dependencies/jquery.js',
  'js/dependencies/bootstrap.js',
  'js/dependencies/**/*.js',
];

我还使用grunt来帮助，它自动改变了主html页面的顺序:

<!--SCRIPTS-->
  <script src="/js/dependencies/angular.1.3.js"></script>
  <script src="/js/dependencies/jquery.js"></script>
  <script src="/js/dependencies/bootstrap.js"></script>
  <!-- other dependencies -->
<!--SCRIPTS END-->

希望能有所帮助!你没有说你的环境是什么，所以我决定发布这个答案。

2017-03-13 17:23:42

其他回答

如果你使用require.js，那么需要添加窗口。$ = window。jQuery = require(' jQuery ')在app.js中

或你可以让从属文件加载后，父文件加载..如下面的概念

require.config({
    baseUrl: "scripts/appScript",
    paths: {
        'jquery':'jQuery/jquery.min',
        'bootstrap':'bootstrap/bootstrap.min' 
    },
   shim
    shim: {
        'bootstrap':['jquery'],
        },

    // kick start application
    deps: ['app']
});

上面的代码表明bootstrap依赖于Jquery，所以我添加了shim并使其依赖

2018-05-24 06:46:17

如果这种情况只发生在IE内网，请检查兼容性设置并取消选中“以兼容性模式显示内网站点”。

IE - >设置- >兼容性

2017-09-21 11:55:05

官方文件: https://electronjs.org/docs/faq#i-can-not-use-jqueryrequirejsmeteorangularjs-in-electron

<head>
  <script>
  window.nodeRequire = require;
  delete window.require;
  delete window.exports;
  delete window.module;
  </script>
  <script type="text/javascript" src="jquery.js"></script>
</head>

2018-05-12 03:06:51

试试这个

改变JS文件的顺序。它应该如下所示。

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>

2014-03-26 10:27:30

在我看来，这个解决方案真的很愚蠢，也很奇怪。

下面的代码由_Layout预填充。cshtml文件。(不是我写的)

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>

但是，当我在Scripts文件夹中验证时，jquery-1.10.2.min.js甚至不可用。因此，替换如下所示的代码，其中jquery-1.9.1.min.js是一个现有文件:

<script src="~/Scripts/jquery-1.9.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>

2017-01-14 17:42:53

Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery

推荐文章

最新文章

标签