问题标签 [isparta]

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 回答
424 浏览

webpack - karma-webpack-tape:测试失败时显示行号

正如标题所暗示的,当我的套件中的测试失败时,我希望能够看到行号。我依赖于karma-tap插件、tap框架和dots记者。

一点上下文:源映射正常工作,因此测试文件中抛出的异常报告正确的行以及堆栈跟踪。但是,当基本测试失败时,会输出“失败”消息,而没有任何关于线路或模块的信息。

我最初的想法是这只是 Tap 的一个限制,但我无法想象这是真的。我的完整 Karma 配置如下所示。配置中是否有某些内容会导致测试期间的行号输出失败?

0 投票
0 回答
223 浏览

gulp - 最新的 angular-fullstack-generator 是否缺少 gulp serve:dist 中的 glyphicons-halflings-regular 字体?为什么?

我有一个基于 angular-fullstack-generator 的大型项目,当我运行时:

我懂了:

而且由于缺少这些字体,我还看到:

我通过将以下内容添加到 gulpfile.babel.js 来纠正这个问题:

我把它放在'build'任务中的copy:fonts条目之后。

这似乎有点愚蠢,因为这些字体已经在 bootstrap/fonts/ 目录中,但这不是代码试图访问它们的地方,而且(对我来说)在代码中的哪个位置进行更改并不明显小路。

同时,“生产”构建不会复制视图目录(仅包含 404.html 文件)。

所以我还补充说:

我添加了 copy:views 与我添加 copy:fonts-extra 的位置相同。

有没有更好的方法来纠正这些问题?

我正在使用 angular-fullstack-generator v3.7.6 的最新版本。

也许 beta2 可以纠正这个问题?

这是生成的 gulpfile.babel.js:

0 投票
1 回答
308 浏览

javascript - 运行构建时如何更改 gulpfile.babel.js 以添加 HTML 位置?

下面是运行 generator-angular-fullstack 时出现的原始 gulpfile(基本上 - 我从开发中运行的任务中删除了)。

我在“client/components/modal/templates/”中有 HTML 文件,在我运行时没有添加到项目中gulp build,所以当我尝试提供构建代码时,我收到一条错误消息:

“加载模板失败:./components/modal/templates/event.html(HTTP 状态:404 Not Found)”

有人可以告诉我要更改什么,以便将这个位置的文件带入项目吗?

0 投票
0 回答
305 浏览

reactjs - React JSX 文件的业力覆盖率已损坏

我正在使用、和对我的.js.jsx文件运行测试覆盖率,用于 ES6 代码覆盖率。karmamochaisparta

由于某种原因,文件的覆盖率报告.jsx已损坏。

见下图:

在此处输入图像描述

所有文件的报告看起来都是一样的.jsx,即从JSX语法出现的那一行看 - 覆盖已损坏,即使我们可以看到该函数已被访问过一次。

这是我的karma.conf.js文件:

如果需要任何进一步的信息,请告诉我,我会编辑。

0 投票
1 回答
428 浏览

gruntjs - Grunt、Istanbul、Isparta 和 TypeScript

TL;博士

有没有人使用 Grunt 和 Jasmine 成功生成覆盖率报告?

很长的故事:

我有一些用 Jasmine 编写的测试,我想为此生成一些覆盖率信息。为了通用,我实际上使用了 grunt-istanbul,它允许检测器(如 isparta)检测我的代码,然后生成报告。然而,这份报告是基于转译的代码(因此在 JavaScript 中)。

然后我遇到了 istanbul remap,它查看由 TypeScript 编译器生成的地图文件,并将结果基于此;但是,我的仪器在转译代码中添加了一些代码,这意味着我的地图文件不再匹配。至少,这是我的猜测,正如 istanbul-remap 所说:

错误:找不到源映射:“src/server/modules/service.js”

这是我的 grunt 配置的一部分:

0 投票
0 回答
1236 浏览

webpack - 如何在 Webpack 中仅使用静态资源生成 EJS 模板?

我想将我的项目与 Webpack 集成。在我们使用 EJS 模板之前,我们只想将 CSS 和 JavaScript 等静态资产附加到body标签中。但是当我使用 EJS 加载器时,生成的 EJS 文件还有其他东西,如模块导出等。我该如何删除它?

以下是我的 Webpack 配置:

下面是生成的login.ejs:

我只想将静态资产附加到body标签中,而不做任何其他事情。

任何帮助表示赞赏。

0 投票
1 回答
798 浏览

unit-testing - 如何对 Ionic 2 应用程序教程进行单元测试 Karma 错误:Chrome 没有在 60000 毫秒内捕获,正在杀死

我目前正在学习如何使用 Josh Monrony 的教程在 Ionic 2 中进行单元测试。

我在第 4 步:创建并运行单元测试。

当我运行时npm test,Chrome 会打开,但它永远不会停止加载。

空白镀铬

然后控制台报超时:

控制台输出

是什么导致超时?

这是我的 karma.conf.js 文件:

以下是类似的问题,但他们要么没有答案,要么答案不起作用:

0 投票
4 回答
16981 浏览

javascript - 错误:Bootstrap 的 JavaScript 需要 jQuery,使用 Webpack

我是 webpack 的新手,但我开始在我的一个项目中使用它来了解它。

我想将 jQuery 与 Bootstrap 一起使用,但是,当我启动应用程序时,我收到以下错误:

bootstrap.min.js?5802:6未捕获错误:Bootstrap 的 JavaScript 需要 jQuery

在我的 webpack 配置中,我定义了两个入口点,一个用于项目库,一个用于外部库,称为供应商,如 jQuery、Bootstrap 等。

在供应商中,我在 jQuery 库之后定义了 Bootstrap 库,但我无法摆脱错误。我错过了什么的任何线索?

这是我的 webapp 配置:

这是我的 package.json 文件:

0 投票
0 回答
479 浏览

node.js - 在 Karma 中运行时出现 Browserify Bundle 错误

当我使用此配置运行 Karma 时:

我不断收到以下错误:

[16:31:32] 使用 gulpfile C:\P4Space\Labs\MainRls\Labs\Web\PatientPortal\gulp\karma\gulpfile.ts [16:31:32] 开始“单元测试”... [16: 31:32] 开始'clean:build:all'... [16:31:32] 15 毫秒后完成'clean:build:all' [16:31:32] 开始'html'... [16: 31:32] 26 毫秒后完成 'html' [16:31:32] 开始'业力'... 21 08 2016 16:31:37.431:ERROR [framework.browserify]: 捆绑错误 21 08 2016 16:31: 37.432:ERROR [framework.browserify]:TypeScript 错误:C:/P4Space/Labs/MainRls/Labs/Web/PatientPortal/node_modules/@angular/core/src/application_ref.d.ts(79,88):错误 TS2304:找不到名称“承诺”。21 08 2016 16:31:37.438:ERROR [framework.browserify]: 捆绑错误 21 08 2016 16:31:37.439:ERROR [framework.browserify]: TypeScript 错误: C: /P4Space/Labs/MainRls/Labs/Web/PatientPortal/node_modules/@angular/core/src/application_ref.d.ts(137,42):错误 TS2304:找不到名称“Promise”。21 08 2016 16:31:37.440:ERROR [framework.browserify]: 捆绑错误 21 08 2016 16:31:37.441:ERROR [framework.browserify]: TypeScript 错误:C:/P4Space/Labs/MainRls/Labs/Web/ PatientPortal/node_modules/@angular/core/src/application_ref.d.ts(196,33):错误 TS2304:找不到名称“Promise”。

我尝试将文件 d.ts 添加到配置文件部分 @ karma.config,但它没有用。

0 投票
1 回答
4109 浏览

javascript - 使用 webpack 和 Express.js 部署 React App

我正在使用 React 开发一个应用程序,并将 webpack 作为客户端部分的模块捆绑器。对于服务器,我使用的是 Express.js。

对于客户端,我使用 webpack.config.dev.js 进行配置,并使用npm start在 localhost:3000 启动 Web 服务器。

对于服务器,我有 app.js 文件,我用它node bin/www来启动 express 服务器,但我必须提供不同的端口来启动服务器,在本例中为 localhost:3100。

我只有一个 package.json 用于客户端和服务器。

有没有办法在同一个域中部署客户端和服务器?如果是这样,我该怎么做?我想从我的客户端代码中将端点引用为:/data/users,而不是执行 localhost:3100/data/users。

请参阅下面的 webpack 配置、express 配置和 package.json(如果有帮助的话):

webpack.config.dev.js:

服务器端的 app.js:

和 package.json: