angular / angular/angular-cli

tsconfig.app.json 'includes' does not respect glob patterns for cypress

オープン
#24,855 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
area: @ngtools/webpack needs: investigation
主要言語
TypeScript
スター
27k
フォーク
11.8k
平均マージ
14時間 23分
マージ済み PR(30日)
162

説明

### Which @angular/* package(s) are the source of the bug?

Don't known / other

### Is this a regression?

Yes

### Description

I've included a link to repo that provides the basic setup. To test the issue, you just need to run `npx cypress open` with the setup I've created, then click on 'component tests'. Now click on 'app.ts'. The error is provided below - essentially it's asking me to include the app.ts file in either the 'files' or 'include' property of the tsconfig.

This is what **works** when added to `tsconfig.app.json`:

```
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": []
},
"files": [
"src/main.ts",
"cypress/component/app.ts"
],
"include": [
"src/**/*.d.ts",
]
}
```
This is what **fails** when added to `tsconfig.app.json`:

```
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": []
},
"files": [
"src/main.ts",
],
"include": [
"src/**/*.d.ts",
"cypress/**/*.ts",
]
}
```
I checked multiple sources, and cannot see any error in the cypress glob pattern added to `include`.

Note, this also fails:

```
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": []
},
"files": [
"src/main.ts",
],
"include": [
"src/**/*.d.ts",
"cypress/component/app.ts"
]
}
```
It appears to be a bug - I can't define it in any other terms at this point, as it's a basic example, applied to a boilerplate Angular application, with virtually no additions/tweaks outside of the this app.ts test.

### Please provide a link to a minimal reproduction of the bug

https://github.com/CMadden8/cypress-angular-test

### Please provide the exception or error you saw

```true
Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):

Error: C:\[omitted path]\cypress\component\app.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property.
```

### Please provide the environment you discovered this bug in (run `ng version`)

```true
Angular CLI: 15.2.2
Node: 16.14.2
Package Manager: npm 8.5.0
OS: win32 x64

Angular: 15.2.2
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1502.2
@angular-devkit/build-angular 15.2.2
@angular-devkit/core 15.2.2
@angular-devkit/schematics 15.2.2
@schematics/angular 15.2.2
rxjs 7.8.0
typescript 4.9.5
```

### Anything else?

@badeball/cypress-cucumber-preprocessor and ts-loader were installed alongside cypress, and configured for component testing within cypress.config.ts

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

リンク先のリポジトリで `npx cypress open` を実行して失敗を再現し、その後 `tsconfig.app.json`、`cypress.config.ts`、および `@ngtools/webpack` が報告する Angular のビルドパスを調査します。TypeScript のコンパイル対象として Cypress のコンポーネントファイルがどのように選択されるかを確認します。Cypress ファイルを `include` で指定したときに、コンパイル対象に含まれていないというエラーなしでコンポーネントテストが開けば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, cypress, typescript, webpack
領域
build-system, cli, testing
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。