问题标签 [webjars]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
62 浏览

maven - 如何将 WebJAR 集成到 Adob​​e CQ 5.6.1?

WebJAR 是一种避免将脚本本地存储在代码库中并通过 Maven 自动集成您喜欢的框架的方法。我们正在使用 Adob​​e CQ 平台,并且我们最近正在探索如何将 WebJAR 集成到我们的代码中。

我以前做过这个,但没有在 CQ 上做过(我之前在 JBoss 服务器上使用过它,它按预期工作得很好)。设置 WebJAR 以供使用非常简单,只需将以下内容添加到您的 pom.xml 中:

然后它已经可以像 /webjars/bootstrap/3.3.6/css/bootstrap.css 一样被访问。

我现在的问题是,当我已经在我的 CQ 服务器上尝试它时,找不到所述资源。浏览器控制台指示找不到资源(错误 404)。有没有人已经体验过将 WebJAR 与 CQ 一起使用,是否有任何线索?

0 投票
1 回答
580 浏览

twitter-bootstrap - 如何在 Wicket 中从 WebJars 安装 Glyphicon 字体

使用wicket-bootstrap-coreand wicket-bootstrap-less(两个版本都是 0.10.5),我已经成功地将 Bootstrap 集成到我的 Wicket 7 项目中。设置在方法中执行

主题类MyTheme是指 LESS 文件theme.less。在这个文件(编译成功)中,使用指令导入 Bootstrap 和 Glyphicons

唯一的问题是,当我在我的标记中使用任何 Glyphicons 时,这会导致在路径上下载字体文件的请求http://localhost:8080/myproject/wicket/resource/fonts/glyphicons-halflings-regular.woff2(与其他扩展相同)。由于没有使用名为 的类挂载资源fonts,因此会导致

因此,问题是:如何正确安装这些资源?由此得到的印象是安装应该是自动的,并且由此我进一步得到的印象是这应该是不费吹灰之力的。

0 投票
2 回答
964 浏览

angularjs - 如何在 Angular.js 项目中使用 Require.js 加载第三方库

真的不明白如何在Angular.js项目中使用Require.js加载第三方库

例如,定义了“topojson”,但在这种情况下未定义“datamap”。

来自这里的数据图https://github.com/markmarkoh/datamaps/blob/master/dist/datamaps.world.js

来自这里的 Topojson https://github.com/mbostock/topojson/blob/master/topojson.js

角 app.js:

一些 Angular 控制器:

在我的角度控制器中,new Datamap(...) 说“ReferenceError: Datamap is not defined”

这不是唯一的情况。大多数外部 JS 库也是如此。

我正在使用 WebJars 在 Scala 和 SBT 之上运行 Angular 项目,因此 Require.js 是加载所有这些东西的唯一方法。

0 投票
1 回答
321 浏览

playframework-2.4 - 播放:bower webjars 未加载到目标文件夹中

我有一个使用 sbt-sassify 的 play 2.4 子项目。它工作正常,但我想将凉亭依赖项拉入项目中,以便我的 scss 文件可以使用它。我为此遵循了 sbt-sassify 指令,并将以下依赖项添加到我的 build.sbt 中。

但是,当我运行该项目时,bootstrap-sass 中的任何 scss 都不在目标文件夹中,因此我可以将其导入我的 scss。如果我使用对经典 webjar 的依赖项,例如

我将能够在 target/public/main/lib 中看到引导代码。

当我运行 sbt-dist 命令时,凉亭罐子将出现在我的通用 tar 球中。

还有什么我需要配置的吗?

0 投票
0 回答
553 浏览

javascript - 使用 RequireJS 加载 JavaScript 库会导致“ReferenceError:未定义导出”

我有一个 Scala/Play 项目,它在 build.sbt 中从http://www.webjars.org/npm加载了 React 依赖项,如下所示:

像这样为 JavaScript 加载 React:

这是从 WebJars 加载的实际 react-with-addons.js 文件。对于 React,只使用它的路径字符串来加载它就足够了,而且它工作得很好。但是,对于 sweetalert-react 以相同的方式加载它会导致一些错误。这是加载的实际 SweetAlert.js 文件。该文件是这样加载的:

尝试在 .jsx 文件中使用它会导致以下错误:

我应该如何配置 requirejs.config 以便 SweetAlert.js 正常工作?我想它应该使用RequireJS 的 shim -API以某种方式配置,但我无法正确配置它,因为我仍然遇到错误,尽管我过去没有使用过 RequireJS。Sweetalert-react 有几个从 sweetalert 到 React 的依赖项,但错误来自第 3 行

感谢您的任何答案:)

0 投票
1 回答
1223 浏览

java - 在 controllers.WebJarAssets 中找不到合适的构造函数

我有一个简单的播放框架应用程序。我添加了 webjars 依赖项来处理我添加的一些引导库。当我尝试访问我的资源表单屏幕之一时,我不断收到以下错误。

这是我的 sbt 文件。

这是我的路线文件

这是我的 main.scala.html 文件,我在其中引用了 boostrap css 文件。

0 投票
1 回答
283 浏览

javascript - Add js library from npm as dependency to Play 2.0 app

I'm trying to add react-grid-layout to my play 2.0 web app. Firstly, I found web jar for this library and add it to build.sbt. So my sbt looks like as follows:

In routes I have

All the libraries except react-grid-layout were successfully installed to target/web/web-modules directory. So, I guess the problem is with npm org.webjars.npm .

What should I do to install every js library correctly?

0 投票
1 回答
492 浏览

javascript - Angularjs 未捕获的错误:[$injector:modulerr]

这个问题似乎很常见。但是我已经很长时间没有成功找到这个问题。我已将应用程序、控制器、服务模块分发到单独的 js 文件中,如下所示。

应用程序.js

和 document_controllers.js

最后是 document_services.js

在我的 index.html 文件中,

在我的项目中,我wro4j-maven-plugin用来生成 javaScript 文件

因此,这个生成angular-bootstrap的文件在 html 文件中被正确引用,但模块的加载似乎仍然失败。非常感谢任何帮助。

谢谢

0 投票
0 回答
202 浏览

scala - 如何在单个项目中将 scala-js 工件与 sbt-web 一起使用?

我想使用 sbt-web 和 scala-js 创建一个 webjar。到目前为止,我已将artifactPathscala-js 工件的 s 添加到mappings in Assets. 如果我打电话fastOptJS并且文件显示在正确的 webjar 位置,这确实有效。

但是,我希望在compile. 问题是,每当我在此处添加任务依赖项时,我都会得到循环依赖项fastOptJS。由于循环依赖关系,我无法添加fastOptJSresourceGeneratorsor sourceGenerators,也无法添加依赖项。compile

这不是fastOptJS从另一个项目触发的选项。

有针对这个的解决方法吗?

0 投票
1 回答
4307 浏览

spring-mvc - webjars文件如何被解析为路径

我正在使用 spring mvc 和 spring boot 来开发一个 web 应用程序,我有一个关于 webjars 的问题。要在 thymeleaf 中添加 webjar 的路径,我们例如执行以下操作:th:href="@{/webjars/bootstrap/...}"

现在当我通过tomcat解析后查看页面源时,链接标签中的实际href属性为:href="/webjars/bootstrap/..."

但是在 tomcat 中查看 web 应用程序的目录结构,没有这样的文件(在 3.3.6 内部找不到 bootstrap.min.js ......直到我们到达 webjars 文件夹)......而不是文件位于 lib 文件夹中的 jar 文件中,它与目录结构中的 html 文件相距甚远.. 那么它是如何解决的呢?href 属性不应该根据 html 文件的当前目录位置来引用文件吗?