Question

参考Purpose of installing bootstrap through npm?

我在这里使用示例：下载npm后，我将以下行添加到index.html

  <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
  <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>

不幸的是，我的元素的样式没有改变。

当我执行cordova运行浏览器时，我得到以下内容。

    200 /index.html (gzip)
    404 /node_modules/bootstrap/js/bootstrap.min.js
    404 /node_modules/bootstrap/bootstrap.min.css
    200 /css/index.css (gzip)
    200 /cordova.js (gzip)
    200 /img/logo.png
    200 /js/index.js (gzip)
    200 /cordova_plugins.js (gzip)
    200 /plugins/cordova-plugin-device/www/device.js (gzip)
    200 /plugins/cordova-plugin-device/src/browser/DeviceProxy.js (gzip)
    200 /plugins/cordova-plugin-splashscreen/www/splashscreen.js (gzip)
    200 /plugins/cordova-plugin-splashscreen/src/browser/SplashScreenProxy.js (gzip)
    200 /plugins/cordova-plugin-statusbar/www/statusbar.js (gzip)
    200 /plugins/ionic-plugin-keyboard/www/browser/keyboard.js
    200 /plugins/cordova-plugin-statusbar/src/browser/StatusBarProxy.js (gzip)
    200 /config.xml
    404 /node_modules/bootstrap/bootstrap.min.css
    304 /css/index.css

Answer 1

在您喜欢的编辑器中打开project_folder/platforms/browser/cordova/run。寻找

var server = cordovaServe(); // line 47 for me

在下面，插入此：

var n_m = __dirname + '/../../../node_modules';
server.app.use('/js',  cordovaServe.static(n_m + '/bootstrap/dist/js'));
server.app.use('/css', cordovaServe.static(n_m + '/bootstrap/dist/css'));

现在包含以下文件：

<link rel="stylesheet" href="/css/bootstrap.min.css">
<script src="/js/bootstrap.min.js"></script>

cordova / express现在将在node_modules文件夹中查找，因此您唯一需要做的就是使用npm update。请注意，此仅适用于cordova run browser

包括bootstrap.js和bootstrap.css cordova

1 个答案: