{"action":"created","issue":{"url":"https://api.github.com/repos/patrikx3/angular-compile/issues/24","repository_url":"https://api.github.com/repos/patrikx3/angular-compile","labels_url":"https://api.github.com/repos/patrikx3/angular-compile/issues/24/labels{/name}","comments_url":"https://api.github.com/repos/patrikx3/angular-compile/issues/24/comments","events_url":"https://api.github.com/repos/patrikx3/angular-compile/issues/24/events","html_url":"https://github.com/patrikx3/angular-compile/issues/24","id":340918397,"node_id":"MDU6SXNzdWUzNDA5MTgzOTc=","number":24,"title":"p3x-compile can't find my components","user":{"login":"AlexSpelt","id":39807948,"node_id":"MDQ6VXNlcjM5ODA3OTQ4","avatar_url":"https://avatars0.githubusercontent.com/u/39807948?v=4","gravatar_id":"","url":"https://api.github.com/users/AlexSpelt","html_url":"https://github.com/AlexSpelt","followers_url":"https://api.github.com/users/AlexSpelt/followers","following_url":"https://api.github.com/users/AlexSpelt/following{/other_user}","gists_url":"https://api.github.com/users/AlexSpelt/gists{/gist_id}","starred_url":"https://api.github.com/users/AlexSpelt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AlexSpelt/subscriptions","organizations_url":"https://api.github.com/users/AlexSpelt/orgs","repos_url":"https://api.github.com/users/AlexSpelt/repos","events_url":"https://api.github.com/users/AlexSpelt/events{/privacy}","received_events_url":"https://api.github.com/users/AlexSpelt/received_events","type":"User","site_admin":false},"labels":[{"id":519441292,"node_id":"MDU6TGFiZWw1MTk0NDEyOTI=","url":"https://api.github.com/repos/patrikx3/angular-compile/labels/invalid","name":"invalid","color":"e6e6e6","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":11,"created_at":"2018-07-13T07:53:34Z","updated_at":"2018-07-16T11:07:23Z","closed_at":null,"author_association":"NONE","body":"**Using:**\r\nNodeJS: **10.6.0**\r\nAngular: **6.0.9**\r\np3x-angular-compile:  **6.0.50-416**\r\n\r\nSo I'm using the latest version of angular-compile and when I use one of my components I get the following error:\r\n```\r\nError: Template parse errors:\r\n'app-test' is not a known element:\r\n1. If 'app-test' is an Angular component, then verify that it is part of this module.\r\n2. If 'app-test' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (\"\r\n    <div><h1>[ERROR ->]<app-test></app-test></h1></div>\r\n  \"): ng:///RuntimeComponentModule/DynamicComponent.html@1:13\r\n```\r\nHowever the TestComponent is just imported fine. If I use it in the component outside of the [p3x-compile] directive it just works fine.\r\n\r\nI've tried to add it to my module with **export**, **schemas**, **providers**,  **imports** and **declarations** but nothing seems to work. I keep on getting the same error.\r\n\r\nOption two in the error also does not seem to fix my issue. My whole project just crashes then.\r\n\r\nSo to try to find whats wrong I made a fresh project and created one component with the CLI tool called TestComponent. \r\nIn the root component I defined a template variable:\r\n```\r\ntemplate = `<div><h1><app-test></app-test></h1></div>`;\r\n```\r\nIn the template I pointed to it in this way:\r\n```\r\n<div [p3x-compile]=\"template\"></div>\r\n```\r\nand everything is imported in the app module:\r\n```\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { NgModule } from '@angular/core';\r\n\r\nimport { AppComponent } from './app.component';\r\nimport { TestComponent } from './test/test.component';\r\n\r\nimport { CompileModule } from 'p3x-angular-compile';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    AppComponent,\r\n    TestComponent,\r\n  ],\r\n  imports: [\r\n    BrowserModule,\r\n    CompileModule\r\n  ],\r\n  providers: [],\r\n  bootstrap: [AppComponent]\r\n})\r\nexport class AppModule { }\r\n```\r\n\r\nThis generated the error you can see above. And I'm not the only one that has this problem. On stackoverflow I found a question that has the same problem [Here](https://stackoverflow.com/questions/51150449/foo-is-not-a-known-element-when-dynamically-rendering-html).\r\n\r\nAlso when compiling i get the error:\r\n```\r\nERROR in node_modules/p3x-angular-compile/src/CompileAttribute.ts(22,40): error TS2307: Cannot find module 'corifeus-web-material'.\r\n```\r\nSo I've checked the source code and it seems to import corifeus-web-material and then just not use it and when I'm not using a custom element p3x-angular-compile just works fine. Installing it just gives me more errors so I just don't.\r\n\r\nI hope I've given enough information.\r\n\r\nKind regard,\r\nAlex Spelt"},"comment":{"url":"https://api.github.com/repos/patrikx3/angular-compile/issues/comments/405213996","html_url":"https://github.com/patrikx3/angular-compile/issues/24#issuecomment-405213996","issue_url":"https://api.github.com/repos/patrikx3/angular-compile/issues/24","id":405213996,"node_id":"MDEyOklzc3VlQ29tbWVudDQwNTIxMzk5Ng==","user":{"login":"p3x-robot","id":28588124,"node_id":"MDQ6VXNlcjI4NTg4MTI0","avatar_url":"https://avatars0.githubusercontent.com/u/28588124?v=4","gravatar_id":"","url":"https://api.github.com/users/p3x-robot","html_url":"https://github.com/p3x-robot","followers_url":"https://api.github.com/users/p3x-robot/followers","following_url":"https://api.github.com/users/p3x-robot/following{/other_user}","gists_url":"https://api.github.com/users/p3x-robot/gists{/gist_id}","starred_url":"https://api.github.com/users/p3x-robot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/p3x-robot/subscriptions","organizations_url":"https://api.github.com/users/p3x-robot/orgs","repos_url":"https://api.github.com/users/p3x-robot/repos","events_url":"https://api.github.com/users/p3x-robot/events{/privacy}","received_events_url":"https://api.github.com/users/p3x-robot/received_events","type":"User","site_admin":false},"created_at":"2018-07-16T11:07:23Z","updated_at":"2018-07-16T11:07:23Z","author_association":"MEMBER","body":"https://github.com/patrikx3/angular-compile/blob/master/test/angular-webpack/angular/page.ts#L116"}}
{"actor":{"display_login":"p3x-robot"}}