Question

我有一个使用Bootstrap 4构建的应用程序。在这个应用程序中，我有一个Bower文件，具有以下内容：

bower.json

{
  "name": "myApp",
  "version": "1.0.0",
  "dependencies": {
    "jquery": "2.1.4",
    "tether": "1.2.0",
    "bootstrap": "v4.0.0-alpha.5"
  },
  "private": true
}

我正在尝试将这些文件与几个自定义JavaScript文件捆绑在一起。为了做到这一点，我有以下Gulp任务：

gulpfile.js

gulp.task('bundleJs', function() {
  var jsFiles = [
    './bower_components/jquery/dist/jquery.min.js',
    './bower_components/tether/dist/tether.min.js',
    './bower_components/bootstrap/dist/js/bootstrap.min.js',
    './public/core.js',
    './public/utils.js'
  ];

  return gulp.src(jsFiles)
    .pipe(concat('bundle.js'))
    .pipe(gulp.dest('./public/js'))
  ;
});

然后，在我的网页中，我引用了这样的文件：

的index.html

<script type="text/javascript" src="/public/js/bundle.js"></script>

我的网页加载，我可以看到bundle.js已成功加载。但是，在控制台窗口中，我看到以下错误：

未捕获错误：Bootstrap工具提示需要Tether

我相信这就是为什么我的汉堡包菜单不再适用于手机。我的问题是，有没有办法将这些文件捆绑在一起？或者，我是否需要单独加载每个？

Answer 1

我复制了你的项目。

指向you gulp文件中的tether JS文件的URL似乎不正确。

应该是：

In [101]: df1.iloc[1:2,0:1].replace(1, np.nan, inplace=True)

In [102]: df1
Out[102]:
   a    b   c
0  1  1.0  26
1  1  NaN  38
2  1  3.0  17

而不是：

'./bower_components/tether/dist/js/tether.min.js',

捆绑Bootstrap 4 - Bootstrap工具提示需要Tether

1 个答案: