问题标签 [nrwl]

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 投票
1 回答
152 浏览

angular - 在 nrwl 工作区中用玩笑解决路径不正确

我在我的 nrwl 工作区中为一个应用程序设置了 jest。例如,我想测试的组件获得了类似@custom/lib. 现在,如果我正在为这个组件编写一个简单的测试,我得到一个错误Cannot find module '@costumLib/data' from 'app.component.ts'。我在根目录中检查了我的 tsconfig,一切都正确。它适用于正常编码。但是对于编写测试,我得到了这个错误。但事情就是这样,如果我使用相对路径,一切正常。所以我迷路了。是什么导致了错误?

0 投票
1 回答
743 浏览

typescript - nrwl/nx 如何使用 npm 发布 NestJs 库?

我需要一些帮助,通过使用 nx 创建一个可发布的 nestjs 库。我已经阅读了很多文档,但没有任何帮助。

我在 NX 单一存储库中编写了一个 nestjs 库。现在我只想在 NPM 上发布这个库,但我不知道如何。

在官方 NX 文档中,我发现了一个名为“--publishable”的标志。唯一的问题是您不能将它与 NestJs 库一起使用。如果你输入这样的命令:

你会得到一个错误:

因此,对于 NestJs 库,此标志不起作用。

现在我想自己创建一个 package.json ,这就是我不知道的重点。我必须构建这个库,然后我必须在 npm 上发布它。这个过程害死我了...

我正在使用最新版本的 NX!

我会很高兴有一个解决方案。

0 投票
1 回答
47 浏览

angular - Angular 控制台扩展

如何将我自己在 npm 中可用的原理图添加到 Angular 控制台中的可用扩展列表中? 在此处输入图像描述

0 投票
1 回答
2844 浏览

angular - 如何通过命令行在 cypress.json 文件中设置环境变量?(Angular CLI - nrwl nx)

我是 cypress 的新手,每天都在学习,我们正在尝试在 angular 项目中使用 cypress 实现 e2e 测试。

当我想通过命令行在 cypress.json 文件中设置环境变量时遇到问题

这是我的 cypress.json 文件

我想动态地替换 Environment 值,在我的例子中是从 Staging 到 dev。我正在尝试使用以下 ng 命令

它向我抛出了这个错误 在此处输入图像描述

当我在 POC 上工作时,这个选项工作得很好,正如他们在 cypress 文档中提到的那样(https://docs.cypress.io/guides/guides/environment-variables.html#Setting

有人可以帮我解决这个问题吗?

0 投票
0 回答
1836 浏览

angular - 如何手动将外部库添加到 nx

我正在将nx.dev用于新应用程序。

我为我的应用程序生成了一个库,现在我想使用这个库添加到 NX 应用程序中

如何在项目 NX 中导入库

0 投票
1 回答
1070 浏览

angular - 我可以在一个 Nx 工作区中将 NX CLI 用于 Angular 和 React 应用程序吗?

我尝试了以下方法,但出现了一些错误。

  1. 创建一个 Nx 工作区:npx create-nx-workspace@latest myworkspace,并选择使用 Angular CLI
  2. 生成角度应用程序:yarn add --dev @nrwl/angular && yarn ng g @nrwl:angular:app myapp-ng 我可以看到angular.json与 Angular CLI 类似的工作区设置,并且yarn start/build一切正常
  3. 添加反应能力:yarn add -D @nrwl/react
  4. 生成另一个反应应用程序:yarn ng g @nrwl/react:app myapp-react 但我收到以下错误,说 Nx 工作区无法识别。

我猜它试图从workspace.json(一个空的 Nx 工作区有这样的设置)中找到工作区配置。

这是 Nx 中的一个错误,还是在一个工作区中同时包含 Angular 和 React 是受支持的情况?我可以找到一些关于它的博客/文档......

更新:

好的,刚刚意识到我在这里犯了一个错误:(

在第 4 步,我正在运行yarn nx g ...而不是ng g .... nx然后在 NG CLI 工作区中使用命令时会出现如下警告:

react 应用程序实际上可以使用 NG CLI 成功创建。而且,我认为警告是有道理的。

0 投票
1 回答
392 浏览

angular - Nrwl NX:提供从应用程序到库的样式变量

我将直接进入这个想法:

我希望我的 lib 的组件没有特定的颜色。所以我用以下方式设计我的组件:

请注意,我没有$primary在 lib 中的任何位置声明变量。

我在我的应用程序文件夹(style.scss)中执行此操作:

显然,它不起作用,因为我必须将此变量导入到我的 lib 的组件样式中。但是库不应该依赖于应用程序。

所以,问题:

甚至可以从应用程序向库提供变量吗?如果是这样,怎么做?

0 投票
0 回答
248 浏览

javascript - 加载模块脚本失败(Electron + React)

我正在尝试为 Nx + Electron + React 创建一个入门项目,但是当我进行 react 的生产构建并启动电子时,我在 consolde 中收到以下错误:-

加载模块脚本失败:服务器以非 JavaScript MIME 类型“”响应。根据 HTML 规范对模块脚本强制执行严格的 MIME 类型检查。

我已在 index.html 中将基本 href 设置为“./”,并尝试在 tsconfig.json 中将目标设置为 es5,但仍然出现相同的错误

如果我在构建文件的 index.html 中将脚本标签类型从“模块”更改为“文本/javascript”,它可以正常工作,但在构建文件中手动执行此操作很烦人

0 投票
1 回答
362 浏览

angular - 我可以将应用程序放在与 Angular 中的工作区相同的文件夹级别吗?

我正在尝试使用Angular 8 中的Workspace创建一些应用程序,我想知道是否有可能拥有这样的文件夹结构:

在教程的任何地方,带有应用程序的文件夹都在里面,Workspace/projects但出于某种原因,我希望将它放在同一级别,因此直接在Myproj文件夹内的工作区旁边。我试图更新配置中的所有路径,Workspace/angular.json例如。从这个"root": "projects/Application_1",到这个"root": "../Application_1",。但是在构建 ( ng build --project=Application_1) 时,我一直有一些错误,例如。An unhandled exception occurred: Cannot locate node_modules directory..

我想知道这是否可能?或者我不应该浪费我的时间,因为这就是它的工作方式,没有办法改变它。我也试图用NRWL找到一些解决方案,但没有任何成功。

0 投票
0 回答
751 浏览

angular - 升级到 angular8 后单元测试失败

我将项目从 Angular7 升级到 Angular8。(目前,我还没有升级 Nx,当前使用的版本是 "@nrwl/nx": "7.8.7",)

升级后,我的应用程序成功运行(在构建或部署中没有任何问题)。

"codeCoverage": true当我通过放入angular.json 文件运行测试用例时,它失败并抛出错误。

使用的脚本

日志

如果我删除"codeCoverage"标志测试用例执行没有任何错误,但我不会得到任何覆盖。

我正在使用业力茉莉花同样

ng--版本

我尝试了多个节点版本,但仍然相同。

你能告诉我可能是什么问题吗?

提前致谢。