添加 angular-ui-tinymce 到 JHipster - gulp 注入问题

Question

我有一个使用 JHipster (https://jhipster.github.io/) 生成的项目。

然后我通过下面的命令添加了对 angular-ui-tinyme 的依赖。

bower install angular-ui-tinymce --save

之后，我运行 gulp 注入，以下被注入到我的 index.thml

<script src="bower_components/angular-ui-tinymce/src/tinymce.js"></script>

但是没有注入以下导致tinymce使用失败

<script src="bower_components/tinymce/tinymce.js"></script>

手动添加这个缺失的注入是可行的，但我希望通过 gulp 自动注入它。

有没有人有解决过类似问题的经验？

期待一些建议。

更新：根据下面接受的答案，解决方案是将以下覆盖条目添加到 jhipster 项目 bower.json 文件中。

"tinymce": {
  "main": [
    "tinymce.js"
  ]
}

Answer 1

看起来 bower 没有解决 angular-ui-tinymce 对 tinymce 的依赖。您是否尝试过手动添加 tinymce dep？

bower install tinymce --save

Answer 2

我在通过 Bower 安装 tinymce 时也遇到了同样的问题。问题出在tinymce包中的bower.json文件错误或不完整：

{
"name": "tinymce",
"description": "Web based JavaScript HTML WYSIWYG editor control.",
"license": "LGPL-2.1",
"keywords": [
    "editor",
    "wysiwyg",
    "tinymce",
    "richtext",
    "javascript",
    "html"
],
"homepage": "http://www.tinymce.com",
"ignore": [
    "readme.md",
    "composer.json",
    "package.json",
    ".npmignore",
    "changelog.txt"
]

}

文件缺少 main 属性。解决方案实际上来自 Gaël 我在项目的 bower.json 中添加了 tinymce 的覆盖条目。 Here is a working example

添加 angular-ui-tinymce 到 JHipster - gulp 注入问题

Adding angular-ui-tinymce to JHipster - gulp inject issue

tinymce

angularjs

jhipster

angular-ui-tinymce