Code Monkey home page Code Monkey logo

vs-ng-language-service's Introduction

Angular Language Service for Visual Studio

VS Angular language service

This is an extension made to bring in the Angular Language Service to Angular templates being created in Visual Studio.

Angular Logo is licensed under CC BY 4.0.

Features

  • Angular completions in .component.html and TypeScript files. Note that completions inside {{ }} are only supported in VS2022.
  • AOT Diagnostic messages
  • Quick Info

Usage

  1. Download the Extension from the Visual Studio Marketplace.

  2. Open a Visual Studio solution containing an Angular Project.

  3. Open a .ts or HTML Angular file (with a .component.html extension). You should see similar log messages in the Output Window:

Output Window

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.

When you submit a pull request, a CLA bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

vs-ng-language-service's People

Contributors

atscott avatar gcrev93 avatar mariasolos avatar microsoft-github-operations[bot] avatar microsoftopensource avatar pranavsenthilnathan avatar shenniey avatar uniqueiniquity avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vs-ng-language-service's Issues

The extension causes an error when starting visual studio

Hi, I've got a problem after installing the extension. On startup Visual Studio display an error banner, freeze and finally crash.
Here the relative error log :

  <entry>
    <record>668</record>
    <time>2020/08/12 06:48:27.438</time>
    <type>Error</type>
    <source>Extension Manager</source>
    <description>Extension will not be loaded because an extension with the same ID &apos;Microsoft.Windows.DevelopmentKit.Desktop&apos; is already loaded at C:\PROGRAM FILES (X86)\COMMON FILES\MICROSOFT\EXTENSIONMANAGER\EXTENSIONS\MICROSOFT\WINDOWS KITS\10\DESKTOP SDK\...</description>
    <path>C:\PROGRAM FILES (X86)\COMMON FILES\MICROSOFT\EXTENSIONMANAGER\EXTENSIONS\MICROSOFT\WINDOWS KITS\8.1\DESKTOP SDK\</path>
  </entry>
  <entry>
    <record>669</record>
    <time>2020/08/12 06:48:27.439</time>
    <type>Error</type>
    <source>Extension Manager</source>
    <description>Extension will not be loaded because an extension with the same ID &apos;Microsoft.Windows.DevelopmentKit.WindowsStore&apos; is already loaded at C:\PROGRAM FILES (X86)\COMMON FILES\MICROSOFT\EXTENSIONMANAGER\EXTENSIONS\MICROSOFT\WINDOWS KITS\10\WINDOWS STORE SDK\...</description>
    <path>C:\PROGRAM FILES (X86)\COMMON FILES\MICROSOFT\EXTENSIONMANAGER\EXTENSIONS\MICROSOFT\WINDOWS KITS\8.1\WINDOWS STORE SDK\</path>
 </entry>

Angular Language Service Extension

This issue has been moved from a ticket on Developer Community.


Angular Language Service Extension starts multiple times and somehow "eats" the RAM (in Visual Studio 2019 Community)

Info: Angular language server process ID: 11384
Info: Using typescript v3.9.7 from C:\USERS\USER\APPDATA\LOCAL\MICROSOFT\VISUALSTUDIO\16.0_FFFF9429\EXTENSIONS\FMEMI0X1. FAX\node_modules\typescript\lib\tsserverlibrary.js
Info: Using @angular/language-service v10.0.4 from C:\USERS\USER\APPDATA\LOCAL\MICROSOFT\VISUALSTUDIO\16.0_FFFF9429\EXTENSIONS\FMEMI0X1. FAX\node_modules@angular\language-service\bundles\language-service.umd.js
Info: Log file: undefined
Warning: Using less efficient polling watcher. Set TSC_NONPOLLING_WATCHER to true.


Original Comments

Feedback Bot on 3/21/2021, 06:57 PM:

We have directed your feedback to the appropriate engineering team for further evaluation. The team will review the feedback and notify you about the next steps.


Original Solutions

(no solutions)

Angular Language Service for Visual Studio causes an error

This issue has been moved from a ticket on Developer Community.


When I open a .ts or .html file I get an error banner with the message "There was an error activating the remote language server, Angular Language Service Extension ...
ActivityLog.xml:

<entry>
  <record>1028</record>
  <time>2020/08/25 07:23:16.792</time>
  <type>Error</type>
  <source>Angular Language Service Extension</source>
  <description>System.NullReferenceException: Object reference not set to an instance of an object.&#x000D;&#x000A;   at Microsoft.VisualStudio.LanguageServer.Client.RemoteLanguageClientInstance.&lt;GetAndSendAllRelevantOpenedDocumentsAsync&gt;d__86.MoveNext()&#x000D;&#x000A;--- End of stack trace from previous location where exception was thrown ---&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.ValidateEnd(Task task)&#x000D;&#x000A;   at Microsoft.VisualStudio.LanguageServer.Client.RemoteLanguageClientInstance.&lt;InitializeAsync&gt;d__77.MoveNext()&#x000D;&#x000A;--- End of stack trace from previous location where exception was thrown ---&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.ValidateEnd(Task task)&#x000D;&#x000A;   at Microsoft.VisualStudio.LanguageServer.Client.RemoteLanguageClientInstance.&lt;OnRpcDisconnected&gt;d__85.MoveNext()&#x000D;&#x000A;--- End of stack trace from previous location where exception was thrown ---&#x000D;&#x000A;   at Microsoft.VisualStudio.Telemetry.WindowsErrorReporting.WatsonReport.GetClrWatsonExceptionInfo(Exception exceptionObject)</description>
</entry>

Output Angular Language Service Extension:

Info: Angular language server process ID: 15768
Info: Using typescript v3.9.7 from C:\USERS\KS\APPDATA\LOCAL\MICROSOFT\VISUALSTUDIO\16.0_2EC678F0\EXTENSIONS\ZSNQ5FZ2. CLC\node_modules\typescript\lib\tsserverlibrary.js
Info: Using @angular/language-service v10.0.4 from C:\USERS\KS\APPDATA\LOCAL\MICROSOFT\VISUALSTUDIO\16.0_2EC678F0\EXTENSIONS\ZSNQ5FZ2. CLC\node_modules\@angular\language-service\bundles\language-service.umd.js
Info: Log file: undefined
Warning: Using less efficient polling watcher. Set TSC_NONPOLLING_WATCHER to true.

Original Comments

Feedback Bot on 8/26/2020, 09:47 AM:

This issue is currently being investigated. Our team will get back to you if either more information is needed, a workaround is available, or the issue is resolved.

Michele Bombardi on 10/18/2020, 04:25 AM:

Hi, any updates for this?

Paul Stancer on 11/17/2020, 11:42 AM:

This error has reappeared with either the Angular 11 upgrade and/or the VS 16.8.0/1 version (they were upgraded around the same time).

Tom Gruszowski on 3/18/2021, 07:25 AM:

Still happening in March 2021 (Angular 11.2 and Visual Studio 16.9.2)


Original Solutions

(no solutions)

Can't seem to get IntelliSense in component template files

I can't seem to have the extension working with VS Angular project templates (no IntelliSense in component.html). Is there anything special I need to do? I'm running the most recent version of the extension with VS 2022 (v17.8.2). The Angular Language Server process is running.

Info: Angular language server process ID: 25192
Info: Logging is turned off. To enable, run command 'Open Angular server log'.
Info: Using typescript/lib/tsserverlibrary v5.2.2 from ...\node_modules\typescript\lib\tsserverlibrary.js
Info: Using @angular/language-service v17.0.0-rc.3 from ...\node_modules\@angular\language-service\index.js
Info: Enabling language service for e:/WorkShop/angular/Separation/Separation/tsconfig.json.

It doesn't work with the old "merged" project template that has both Angular and ASP.NET Core in a single project as well as the newer templates that have two separate projects in a single solution.

Just a clean freshly created solution in VS22+ after installing the Extension. Checked with both Resharper enabled and disabled. I'm not getting field/property names in {{ }} blocks, at all.

Any clues/ideas or suggestions how to diagnose it further?

Extension not available in Visual Studio 2022

The Angular Language Service Extension is not available in the extension marketplace for Visual Studio 2022. The 2022 version has some specific enhancements that make it easier to work with typescript and javascript projects thanks to the introduction of esproj files, and I'd like to be able to use this extension going forward in my mixed solutions.

HTML tags don't show up in completion

Currently when this extension is enabled, completion for html tags in the component.html files do not show up (only angular completions at the position show up). By default multiple completion providers should work seamlessly and provide the combination of all available completions but some internal implementations are causing this to not work in this case. We should consider making the HTML completion provider asynchronous, using the synchronous provider in our LSP implementation, or some other option to get this working.

image

System.NullReferenceException: Object reference not set to an instance of an object.

This error occourred almost every time I open a ts-file.

System.AggregateException: One or more errors occurred. ---> System.NullReferenceException: Object reference not set to an instance of an object.
at AngularLanguageService.AngularLanguageClient.MiddleLayerProvider.d__4.MoveNext() --- End of stack trace from previous location where exception was thrown ---
at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.VisualStudio.LanguageServer.Client.JsonRpcExtensionMethods.<>c__DisplayClass4_03.<<SendMiddleLayerRequestAsync>b__0>d.MoveNext() --- End of stack trace from previous location where exception was thrown --- at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) at Microsoft.VisualStudio.LanguageServer.Client.RemoteHoverBroker.<ResolveHoverRequestsAsync>d__5.MoveNext() --- End of stack trace from previous location where exception was thrown --- at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) at Microsoft.VisualStudio.Threading.ThreadingTools.<WithCancellationSlow>d__81.MoveNext() --- End of stack trace from previous location where exception was thrown ---
at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.VisualStudio.LanguageServer.Client.SynchronizationManager.d__51.MoveNext() --- End of stack trace from previous location where exception was thrown --- at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) at Microsoft.VisualStudio.LanguageServer.Client.HoverSource.<GetQuickInfoItemAsync>d__5.MoveNext() --- End of stack trace from previous location where exception was thrown --- at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) at Microsoft.VisualStudio.Language.Intellisense.Implementation.AsyncQuickInfoSession.<ComputeSourceContentAsync>d__39.MoveNext() --- End of stack trace from previous location where exception was thrown --- at Microsoft.VisualStudio.Telemetry.WindowsErrorReporting.WatsonReport.GetClrWatsonExceptionInfo(Exception exceptionObject) --- End of inner exception stack trace --- at Microsoft.VisualStudio.Language.Intellisense.Implementation.AsyncQuickInfoSession.<UpdateAsync>d__32.MoveNext() --- End of stack trace from previous location where exception was thrown --- at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) at Microsoft.VisualStudio.Language.Intellisense.Implementation.AsyncQuickInfoPresentationSession.<UpdateAsync>d__5.MoveNext() ---> (Inner Exception #0) System.NullReferenceException: Object reference not set to an instance of an object. at AngularLanguageService.AngularLanguageClient.MiddleLayerProvider.<HandleRequestAsync>d__4.MoveNext() --- End of stack trace from previous location where exception was thrown --- at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) at Microsoft.VisualStudio.LanguageServer.Client.JsonRpcExtensionMethods.<>c__DisplayClass4_03.<b__0>d.MoveNext() --- End of stack trace from previous location where exception was thrown ---
at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.VisualStudio.LanguageServer.Client.RemoteHoverBroker.d__5.MoveNext() --- End of stack trace from previous location where exception was thrown ---
at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.VisualStudio.Threading.ThreadingTools.d__81.MoveNext() --- End of stack trace from previous location where exception was thrown --- at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) at Microsoft.VisualStudio.LanguageServer.Client.SynchronizationManager.<QueueRequestTaskAsync>d__51.MoveNext() --- End of stack trace from previous location where exception was thrown ---
at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.VisualStudio.LanguageServer.Client.HoverSource.d__5.MoveNext() --- End of stack trace from previous location where exception was thrown ---
at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
at Microsoft.VisualStudio.Language.Intellisense.Implementation.AsyncQuickInfoSession.d__39.MoveNext() --- End of stack trace from previous location where exception was thrown --- at Microsoft.VisualStudio.Telemetry.WindowsErrorReporting.WatsonReport.GetClrWatsonExceptionInfo(Exception exceptionObject)<---

Angular 16

Please update extension to support Angular >=16.

Cannot link .html template with .ts file

image
image
My visual studio 2019 already installed extension, but when I open .html template, my visual studio cannot link property from .ts file to make suggestion.
Any helps for this? Many thanks.

Language Service crashes in Typescirpt file

When opening a Typescript-file, the Angular Language Service seems to crash multiple times in a very short time.
As the notification states I have started devenv with /Log and extracted the entry:

  <entry>
    <record>932</record>
    <time>2020/09/17 07:40:31.996</time>
    <type>Error</type>
    <source>Angular Language Service Extension</source>
    <description>System.NullReferenceException: Object reference not set to an instance of an object.&#x000D;&#x000A;   at Microsoft.VisualStudio.LanguageServer.Client.RemoteLanguageClientInstance.&lt;GetAndSendAllRelevantOpenedDocumentsAsync&gt;d__86.MoveNext()&#x000D;&#x000A;--- End of stack trace from previous location where exception was thrown ---&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.ValidateEnd(Task task)&#x000D;&#x000A;   at Microsoft.VisualStudio.LanguageServer.Client.RemoteLanguageClientInstance.&lt;InitializeAsync&gt;d__77.MoveNext()&#x000D;&#x000A;--- End of stack trace from previous location where exception was thrown ---&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)&#x000D;&#x000A;   at System.Runtime.CompilerServices.TaskAwaiter.ValidateEnd(Task task)&#x000D;&#x000A;   at Microsoft.VisualStudio.LanguageServer.Client.RemoteLanguageClientInstance.&lt;OnRpcDisconnected&gt;d__85.MoveNext()&#x000D;&#x000A;--- End of stack trace from previous location where exception was thrown ---&#x000D;&#x000A;   at Microsoft.VisualStudio.Telemetry.WindowsErrorReporting.WatsonReport.GetClrWatsonExceptionInfo(Exception exceptionObject)</description>
  </entry>

This Typescript-file is a 700-lines AngularJs Controller that was converted from JS to TS.

Edit:
Angular Language Service 1.0
Visual Studio Professional 2019 16.7.3

Angular Language Service Extension does not work

Problem 1: Config not found Error Output for Angular Language Service Extension

Steps to reproduce

  1. Using Visual Studio 17.6 Enterprise
  2. Create a Standalone JSPS Angular new project
  3. Run npm install to install all packages
  4. go to the app.component.html
  5. See the Angular Language Service Extension output, we found the config not found error and Angular Language Service is not working.

Problem 2: Angular Language Service Extension does not work

Steps to reproduce

  1. Using Visual Studio 17.6 Enterprise
  2. Create a Standalone JSPS Angular new project
  3. Run npm install to install all packages
  4. go to the app.component.html
  5. Angular Language Service Extension output is missing, only the ESLint is available. Angular Language Service is not working at all.

Items in Find All References window do not respond to double clicks

I am using VS 2022 v17.3.0, extension v1.1.4.

The extension correctly populates the Find All References window with references from ts and html files.
image
The issue is that when I double click any row in the window nothing happens (I would expect that the file should be opened in the editor on that line/col).

When I disable the extension, not all references are found but the double click action works.
image

You can use my test project to reproduce.

Issue inside of a spec file with a host component

As you can see in the image bellow it tells me I have an unknown element.
This is not a problem with the rest of the code, the import are correct and the test works fine.
I have this issue everywhere in my application. It only happens in spec files.

image

The extension does not activate

Hi,

I have installed Angular Language Service 2022 v1.0 in Visual Studio 2022 17.3.0.

I have an Angular (v13) only project which I open as a Folder. As far as I can see, installing the extension had no effect.
I have no completions, diagnostic messages, etc. The output window does not contain "Angular Language Service Extension" in "Show output from" dropdown. I have tried to open and edit several .ts and .html files.

Is there anything I should do to start the extension?

go to definition from html to ts function

Hello and thank you for this great extension.
I have visual studio 2022 Version 17.1.0 Preview 1.0 , I want to go to definition of .ts function from .html file by f12 click but not work.
How can we do this?

image
image

Completions in projection buffers are not delegated to our language server

Completions inside projection buffers refers to the scenario of completion at the caret below:

<p aria-live="polite">Current count: <strong>{{ currentCo| }}</strong></p>
                                                         ^

This used to work previously but now it looks like the projection buffer is no longer treated as an angularTemplate content type so the editor/LSP doesn't invoke our completions.

The fix would have to somehow modify our content type or generally get editor/LSP to recognize our completion provider as suitable for the content type.

Crash when opening TS file

Hi,

I tried to installed this extension and it immediatly crash multiple times in vs 2019 16.7.4 and 16.7.3.

Plz find attached the activity log that is produced by the extension in "/log" mode

ActivityLogDetailled.log

I hope you can fix that.

Can't add new line in html tags

Given html content such as the following:

1:  <ng-container matColumnDef="recommendationComment">
2:    <mat-header-cell *matHeaderCellDef mat-sort-header>Recommendation Comment </mat-header-cell>
3:    <mat-cell *matCellDef="let row"
4:              matTooltip="Click to Edit"
5:              (click)="recommendationCommentHandler(row)"
6:              [disabled]="disableCommentEdit(row)">
7:      {{row.recommendationComment}}
8:    </mat-cell>
9:  </ng-container>

When I navigate to the end of lines 3, 4, or 5, and press Enter, a new line is added then quickly removed.
The only way for me to add an attribute on a new line is to press space, start typing, move the cursor back in front of what I just started to type, then press 'enter' again.

I assume this is due to the auto-formatting/auto-completion logic - but I don't see any configuration options for this extension to change that behavior.

Unable to rename variables in VSCode due to Angular Language Service

Whenever I try to rename a variable in VSCode, I receive a little tooltip and I am unable to rename that variable.

Expected Behavior

I should be able to rename the variable in all places that it is used.

Current Behavior

When I try to rename a variable, tooltip appears explaining that renaming is delegated to Angular Language Service.

image

Error in version 1.1

This error was shown when I entered a Angular html-file:

1 2021/03/30 05:26:17.173 Information VisualStudio Microsoft Visual Studio 2019 version: 16.0.31110.138 4001 2021/03/30 05:29:51.745 Error Editor or Editor Extension System.ArgumentException: The specified ITextSnapshot doesn't belong to the correct TextBuffer. at Microsoft.VisualStudio.Text.Implementation.TrackingSpan.GetSpan(ITextSnapshot snapshot) at Microsoft.VisualStudio.Language.Intellisense.AsyncCompletion.Implementation.AsyncCompletionSession.GetApplicableToSpan(ITextSnapshot targetSnapshot, CompletionItem completionItem) at Microsoft.VisualStudio.Language.Intellisense.AsyncCompletion.Implementation.AsyncCompletionSession.GetApplicableToSpan(ITextSnapshot targetSnapshot, CompletionModel model) at Microsoft.VisualStudio.Language.Intellisense.AsyncCompletion.Implementation.AsyncCompletionSession.<UpdateItemsOnSnapshotChangeAsync>d__140.MoveNext() --- End of stack trace from previous location where exception was thrown --- at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task) at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task) at Microsoft.VisualStudio.Language.Intellisense.AsyncCompletion.Implementation.ModelComputation`1.<>c__DisplayClass14_0.<<Enqueue>b__0>d.MoveNext() --- End of stack trace from previous location where exception was thrown --- at Microsoft.VisualStudio.Telemetry.WindowsErrorReporting.WatsonReport.GetClrWatsonExceptionInfo(Exception exceptionObject)

Inline html and css syntax highlighting

Hello,
Highlighting syntax of HTML and CSS code provided as a string values of correspondingly "template" and "styles" attributes of @Component works in VSCode, but not in Visual Studio.
I would kindly ask you to implement this feature.

Error when activating the extension in VS2022

I unsuccessfully installed the version 1.0.3 of this extension on Visual Studio 2022 (version 17.3.5); it's not working and there is no output from it in VS. I attached the file with the error I found (AppData\Local\Microsoft\VisualStudio\17.0_963c871d\ComponentModelCache/Microsoft.VisualStudio.Default.err). I even tried a restart of the Windows 10 os, but same error. Please let me know if you need some additional info.

Microsoft.VisualStudio.Default.err.txt

Error activating remote language server, Angular Language Service Extension

This issue has been moved from a ticket on Developer Community.


[severity:It's more difficult to complete my work]
When trying to work on an Angular file, the error in the attaced screenshot appeared. No special actions to reproduce.
Only note that previously I had received an AggregateException (log attached: 'ActivityLog.xml') some time after loading the solution. and opening the .ts file


Original Comments

null on 4/29/2021, 11:49 PM:

We have directed your feedback to the appropriate engineering team for further evaluation. The team will review the feedback and notify you about the next steps.


Original Solutions

(no solutions)

Angular language server extension loops continually when no config file present

This issue has been moved from a ticket on Developer Community.


[severity:I'm frustrated, but able to complete my work]
I noticed the Angular Language Server extension output errors in a continual loop. I cannot capture the full text but I am attaching screenshots. VS 2019 Version 16.7.0


Original Comments

Feedback Bot on 8/12/2020, 01:54 AM:

We have directed your feedback to the appropriate engineering team for further evaluation. The team will review the feedback and notify you about the next steps.

Tina Schrepfer (VS) [MSFT] on 8/12/2020, 09:42 AM:

Thank you for your feedback. Unfortunately, the screenshot clipped a bunch of text. Can you please copy the content from Angular Language Service output window and attach it here?

We look forward to hearing from you.

Thanks,

Tina

Tim on 8/12/2020, 11:00 PM:

Hi, as I mentioned it wasn't possible to copy the context from the output window because of the continual loop. In fact, when I did try, it actually made Notepad freeze (on the paste operation) presumably because the clipboard tried to contact the source window. The Angular Language Service output window would fill and then empty again. I have disabled the extension, but will re-enable and see if I can get another screenshot.

Tina Schrepfer (VS) [MSFT] on 8/13/2020, 11:52 AM:

Thanks Tim! Is this behavior be reproduced consistently? If so, can you share the exact repro steps?

Tina

Feedback Bot on 8/26/2020, 06:11 PM:

We will close this report in 14 days because we don’t have enough information to investigate further. To keep the problem open, please provide the requested details.

Tim on 9/4/2020, 01:48 AM:

(private comment, text removed)

Tina Schrepfer (VS) [MSFT] on 9/4/2020, 09:15 AM:

Thanks Tim! Instead of taking a screenshot of the output window, could you please copy and paste the content of the entire output window and attach it here?

Tina

Tim on 9/4/2020, 09:48 AM:

Hi, I am sorry you don't understand this. It is not possible to copy and paste the contents of the output window. That is why I have used a screenshot. When I tried to copy and paste the text Notepad hung.

Tim

Tina Schrepfer (VS) [MSFT] on 9/4/2020, 10:42 AM:

The output window is a just a text editor that's in read only mode. You should be able to select all and then copy like any other editors. Is that not working for you? If it is, then that's a different issue. What do you see when you right click on the output window?

Thanks,

Tina

Tim on 9/4/2020, 00:04 PM:

It is the same issue. The text loops so the output window is always filling, cleared, and filling again. It does not stop to let you select text. And if you do, you can’t paste it, presumably because the clipboard api tries to contact the source window.

Tim

Feedback Bot on 9/4/2020, 01:26 PM:

Thank you for sharing your feedback! Our teams prioritize action on product issues with broad customer impact. See details at: https://docs.microsoft.com/en-us/visualstudio/ide/report-a-problem?view=vs-2019#faq. In case you need answers to common questions or need assisted support, be sure to use https://visualstudio.microsoft.com/vs/support/. We’ll keep you posted on any updates to this feedback.


Original Solutions

Tim solved on 9/4/2020, 00:03 PM, 0 votes:

Please delete

Extension makes auto completion works only by Tab or Enter

Installing the extension makes the JavaScript/TypeScript editor acts as if the Only use Tab or Enter to commit option in Visual Studio is set (In Options > Text Editor > JavaScript/TypeScript > Intellisense)
Selecting an element from auto complete list only works by pressing Tab or Enter.

No features available, no errors but no additional features

I can see the language service initialising and running, and providing feedback when I modify files. However, no autocomplete or F12 functionality exists.

Angular 11
.Net framework 4.7.2
Visual studio 16.10.1

We use angular workspaces and have four angular projects within our solution.

One possible issue is we block typescript compile in the csproj file (and after a certain version we also had to record the files as <None /> instead of <TypeScriptCompile /> inclusions in the csproj file). We had issues with the version of typescript visual studio was using so we have angular build and webpack handle everything for us.

Is there any known issue with this configuration? Would love to get it working.

I can provide logs if needed.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.