Run custom component application during development

Hi,

I am developing a custom component using remote module. When I am trying to run the app locally its giving below error. Is it possible to run the app locally or I have to deploy it in an environment using clio and test it(which I am currently doing).
 


src_bootstrap_ts.js:1 ERROR Error: Remote entry with name 'angproject' does not exist
   at AppModule.ngDoBootstrap (app.module.ts:31:23)

bootstrap.ts:7 Error: Remote entry with name 'angproject' does not exist
   at AppModule.ngDoBootstrap (app.module.ts:31:23)

Like 0

Like

4 comments

Hello,
You can add your custom component to a local environment and it can be done without using clio. The error you provided indicates the issue in a way you build your component.
Please double check the instruction to see that your configured component correctly https://academy.creatio.com/docs/8.x/dev/development-on-creatio-platfor…

Hi Dmytro. 

Is there any way to preview what I'm developing with ng serve or any other live server? 
Deploying it to Creatio every time I'm doing a minor change is a nightmare

Yurii Sokil writes:

Hi Dmytro. 

Is there any way to preview what I'm developing with ng serve or any other live server? 
Deploying it to Creatio every time I'm doing a minor change is a nightmare


Dmytro Vovchenko,

This is what I am trying to achieve.

Sagar Rodda,

In the projects/YourComponent/src/index.html folder, there should be an index.html file where you can register your component. After registering the component, run npm start to launch the development server, and you will be able to view the component in the browser.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  // Example usage in Creatio
  <qnovate-demo 
    [creatioData]="lookupData"
    displayColumn="Name"
    valueColumn="Id"
    [(selectedValue)]="selectedId">
  </qnovate-demo>
</body>
</html>
Show all comments