2

我无法让我的 JavaScript 库显示在我的<head>标签中。我正在使用 Sage Theme、Bower 来安装 JavaScript 库，并将gulp我的资产文件夹中的文件编译到我的dist文件夹中。

首先，我用 Bower 添加了一个库：

$ bower install letteringjs --save

然后我gulp编译我的文件。在这一点上，一切似乎都工作正常。jquery.lettering.js进入我的文件dist/scripts夹。

bower.json：

{
  "name": "sage",
  "homepage": "https://roots.io/sage/",
  "authors": [
  "Ben Word <ben@benword.com>"
],
  "license": "MIT",
  "private": true,
  "dependencies": {
  "bootstrap": "git://github.com/twbs/bootstrap.git#v4.0.0-beta",
  "popper.js": "^1.12.3",
  "letteringjs": "^0.7.0"
 }
}

清单.json：

{
  "dependencies": {
    "main.js": {
      "files": [
        "scripts/**/*",
        "scripts/main.js"
      ],
      "main": true
    },
    "main.css": {
      "files": [
        "styles/main.scss"
      ],
      "main": true
    },
    "customizer.js": {
      "files": [
        "scripts/customizer.js"
      ]
    },
    "jquery.js": {
      "bower": ["jquery"]
    },
    "jquery.lettering.js": {
      "bower": ["letteringjs"]
    }
  },
  "config": {
    "devUrl": "http://localhost:8888/ji/"
  }
}

但我的控制台中仍然出现错误：

控制台错误截图

该script src链接未显示在我的源代码中。我不知道我做错了什么，并且只用 Sage 制作了另一个网站，所以它对我来说仍然很新。

任何建议或过去的经验都非常有帮助！

4

0 回答 0