angular / angular/angular

No config file for .html files when using Yarn 3 pnp

Open
#65,514 0 comments 5 reactions 0 assignees View on GitHub
area: vscode-extension bug
Dominant language
TypeScript
Stars
101k
Forks
27.5k
Avg merge
1d 19h
Merged PRs (30d)
288

Description

# 🐞 bug report

### Is this a regression?

ALS is not working for .html files with Yarn3 pnp
I think this issue has been present earlier and fixed here: https://github.com/angular/vscode-ng-language-service/issues/1748

### Description

A clear and concise description of the problem...

I'm getting the exact same error. When installing a repo with yarn 3 (pnp) language server is not working for .html files. The old repro is still valid (= not working): https://github.com/ld210/yarnpnp-storybook-angular-repro

## Bug Type
What does this bug affect

- [x] Angular Language Service VSCode extension
- [ ] Angular Language Service server

## Reproduction

Steps to reproduce the behavior:
1. Clone: https://github.com/angular/vscode-ng-language-service/issues/1748
2. `yarn`
3. Go to app.component.html
4. View ALS error output and see that ALS is not working (no cmd-clicking components in template)

**Expected behavior**

Should work as with node_modules

### **Logs**

```
[Error - 22:18:59] No config file for /yarnpnp-storybook-angular-repro/src/app/app.component.html
[Error - 22:22:00] No config file for /yarnpnp-storybook-angular-repro/src/app/app.component.html
[Error - 22:22:00] No config file for /yarnpnp-storybook-angular-repro/src/app/app.component.html
[Error - 22:22:00] No config file for /yarnpnp-storybook-angular-repro/src/app/app.component.html
[Error - 22:22:05] No config file for /yarnpnp-storybook-angular-repro/src/app/app.component.html
```

## 🌍 Your Environment
**Angular Version:**

Angular CLI: 15.2.1
Node: 18.17.1
Package Manager: yarn 3.2.1
OS: darwin arm64

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

Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1502.1 (cli-only)
@angular-devkit/build-angular
@angular-devkit/core 15.2.1 (cli-only)
@angular-devkit/schematics 15.2.1 (cli-only)
@angular/cli 15.2.1 (cli-only)
@schematics/angular 15.2.1 (cli-only)
rxjs 6.6.7 (cli-only)
typescript 5.0.2 (cli-only)

Extension Version:

v16.1.8

VSCode Version:

1.83.1

Operating System:

MacOS 13.4.1

Contributor guide

Open the contributing guide

Research direction

Reproduce the failure using the linked yarnpnp-storybook-angular-repro project, then open src/app/app.component.html in VS Code and inspect the Angular Language Service extension output. Trace the configuration lookup for HTML files under Yarn 3 Plug'n'Play; done means Angular Language Service features such as component cmd-clicking work as they do with node_modules.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript, vscode
Domain
developer-experience, tooling
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.