1

我正在使用 nx 框架 ( https://nx.dev ) 创建一个 angular + Nest 应用程序。Angular 应用程序应该是前端应用程序，而嵌套应用程序应该是 REST-API。我在“Azure DevOps”中创建了一个 git 存储库。

我创建这个应用程序

npx create-nx-workspace@latest
? Workspace name (e.g., org name)     nxtest
? What to create in the new workspace angular-nest      [a workspace with a full stack application (Angular + Nest)]
? Application name                    test-app
? Default stylesheet format           CSS

在此之后，我有一个 Angular 和一个 Nest 应用程序。

我可以启动角度前端应用程序

nx serve test-app

和 Nest 应用程序（REST-API）

ng serve api

它有效，我可以在浏览器上使用 api。

在下一步中，我提交并将其推送到 git repo。

我在 Microsoft Azure 中创建了一个 Web 应用程序。

设置 Microsoft Azure Web 应用程序

现在，我想创建一个 CI/CD 步骤。

在蔚蓝的门户中...

  1. 选择部署中心
  2. 选择Azure 存储库
  3. 选择Azure 管道
  4. 选择我的组织、项目、回购、分支并作为 Web 应用程序框架 NodeJS 和任务运行器“无”

部署为 Azure Web 应用的设置

在此之后，我的“Azure DevOps”项目中有一个新的构建管道。

创建构建管道运行成功，但构建定义不完整。

  1. 使用节点版本
  2. npm run install 与 package.json
  3. 存档文件
  4. 发布构建工件

Azure 上的结果：

  • 所有文件都是从 git repo 复制的
  • 创建一个带有 iisnode 的 web.config 作为处理程序，路径是“server.js”

但是没有启动 javascript 文件。

所以，我编辑构建管道。

使用节点版本 12.13.0

安装应用程序依赖项

运行构建 脚本“buildall”-> nx run-many --target=build --all --prod

Starting: build
==============================================================================
Task         : npm
Description  : Run an npm command. Use NpmAuthenticate@0 task for latest capabilities.
Version      : 0.175.0
Author       : Microsoft Corporation
Help         : https://docs.microsoft.com/azure/devops/pipelines/tasks/package/npm
==============================================================================
C:\windows\system32\cmd.exe /D /S /C "C:\hostedtoolcache\windows\node\12.13.0\x64\npm.cmd config list"
; cli configs
metrics-registry = "https://registry.npmjs.org/"
scope = ""
user-agent = "npm/6.12.0 node/v12.13.0 win32 x64"

; environment configs
cache = "C:\\npm\\cache"
prefix = "C:\\npm\\prefix"

; node bin location = C:\hostedtoolcache\windows\node\12.13.0\x64\node.exe
; cwd = D:\a\1\s\nxtest
; HOME = C:\Users\VssAdministrator
; "npm config ls -l" to show all defaults.

C:\windows\system32\cmd.exe /D /S /C "C:\hostedtoolcache\windows\node\12.13.0\x64\npm.cmd run buildall"

> nxtest@0.0.0 buildall D:\a\1\s\nxtest
> nx run-many --target=build --all --prod


>  NX  Running target build for projects:

  - test-app
  - api

———————————————————————————————————————————————

> ng run api:build:production 
Starting type checking service...
Using 2 workers with 2048MB memory limit
Hash: d814495e471a4bbc4f1b
Built at: 10/06/2020 8:40:04 AM
Entrypoint main = main.js main.js.map
chunk    {0} main.js, main.js.map (main) 2.43 KiB [entry] [rendered]

> ng run test-app:build:production 

chunk {} runtime.e227d1a0e31cbccbf8ec.js (runtime) 1.45 kB [entry] [rendered]
chunk {1} main.47f3572e3dd98212c211.js (main) 122 kB [initial] [rendered]
chunk {2} polyfills.9e86b32c42185429d576.js (polyfills) 36.1 kB [initial] [rendered]
chunk {3} styles.280e991c5992f8630bc9.css (styles) 0 bytes [initial] [rendered]
Date: 2020-10-06T08:40:42.853Z - Hash: 958a1c63d1211ca0510b - Time: 30858ms

———————————————————————————————————————————————

>  NX   SUCCESS  Running target "build" succeeded


Finishing: build

存档文件

发布构建工件

管道运行完成后，我在 Web 应用程序的 wwwroot 文件夹中有这些文件。

  • main.js
  • main.js.map
  • 网络配置

但是，如果我运行应用程序或访问 url，那么我总是在控制台中得到跟随错误。

Application has thrown an uncaught exception and is terminated:
Error: Cannot find module 'tslib'
Require stack:
- D:\home\site\wwwroot\main.js
- D:\Program Files (x86)\iisnode\interceptor.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:794:15)
    at Function.Module._load (internal/modules/cjs/loader.js:687:27)
    at Module.require (internal/modules/cjs/loader.js:849:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (D:\home\site\wwwroot\main.js:91:18)
    at __webpack_require__ (D:\home\site\wwwroot\main.js:20:30)
    at Module.<anonymous> (D:\home\site\wwwroot\main.js:225:63)
    at __webpack_require__ (D:\home\site\wwwroot\main.js:20:30)
    at Object.<anonymous> (D:\home\site\wwwroot\main.js:216:18)
    at __webpack_require__ (D:\home\site\wwwroot\main.js:20:30)
Tue Oct 06 2020 08:16:28 GMT+0000 (Greenwich Mean Time): Application has thrown an uncaught exception and is terminated:
Error: Cannot find module 'tslib'
Require stack:
- D:\home\site\wwwroot\main.js
- D:\Program Files (x86)\iisnode\interceptor.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:794:15)
    at Function.Module._load (internal/modules/cjs/loader.js:687:27)
    at Module.require (internal/modules/cjs/loader.js:849:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (D:\home\site\wwwroot\main.js:91:18)
    at __webpack_require__ (D:\home\site\wwwroot\main.js:20:30)
    at Module.<anonymous> (D:\home\site\wwwroot\main.js:225:63)
    at __webpack_require__ (D:\home\site\wwwroot\main.js:20:30)
    at Object.<anonymous> (D:\home\site\wwwroot\main.js:216:18)
    at __webpack_require__ (D:\home\site\wwwroot\main.js:20:30)

我之前让 Nestjs 应用程序正常工作的所有尝试都是徒劳的。我很感激任何帮助。

4

0 回答 0