How to deploy SPFX solution built with Angular elements on sharepoint 2019 onpremise

Keshav Sahu 1 Reputation point
2021-10-05T07:05:43.687+00:00

WITHOUT CDN • In this solution we tried deploying it without CDN, the observations are: o The webpart was successfully rendered into the modern page. But, there was an issue regarding the css and js files whch were not rendered into the solution. o As this solution includes angular elements, in that external libraries are used like text control for viewing the documents and angular rich text editor, these were not rendered as a part of this webpart. But text was rendered properly.

WITH CDN • In this solution we are getting an error regarding the script not loaded i.e. JS file which we have given in the site assets ( path for the cdn). • Following are screenshots for your reference (including site assets, webpart , app catalog with deployed app).

137646-image.png

SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
3,193 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. MichaelHan-MSFT 18,046 Reputation points
    2021-10-06T03:10:35.81+00:00

    Hi @Keshav Sahu ,

    What's the path of the cdn did you specify? From the screenshot, I notice there are /_layouts/15/start.aspx in the url. The cdn path should be a sharepoint library like http://contoso/sites/yoursite/libraryName

    Here is an article about SPFx Webpart With Angular Elements, it would be helpful to you: https://www.c-sharpcorner.com/article/spfx-with-angular-elements/

    Note: Microsoft is providing this information as a convenience to you. The sites are not controlled by Microsoft. Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there. Please make sure that you completely understand the risk before retrieving any suggestions from the above link.


    If an Answer is helpful, please click "Accept Answer" and upvote it.
    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.