I'm trying to make my component generator more flexible by adding in an option to make it a custom form control. I have the options set up in the schema along with an x-prompt object to provide the options. In my component template I try to do this

<% if( componentType === 'custom form control' ) { %>

<%- import { ReactiveFormsModule } '@angular/forms'; %>

<% } %>

and I get the following error

Cannot use import statement outside a module in C:\path\to\my-folder_name_ponent.ts__tmpl__ while compiling ejs

I tried looking into it and I could only find things regarding the issue on using import in commonjs projects. I set the type property in my package.json file to module and I'm still getting this problem. I'm new to working with this level of NX and am having a hard time finding info that dives deeper into this, can someone help?

I'm trying to make my component generator more flexible by adding in an option to make it a custom form control. I have the options set up in the schema along with an x-prompt object to provide the options. In my component template I try to do this

<% if( componentType === 'custom form control' ) { %>

<%- import { ReactiveFormsModule } '@angular/forms'; %>

<% } %>

and I get the following error

Cannot use import statement outside a module in C:\path\to\my-folder_name_ponent.ts__tmpl__ while compiling ejs

I tried looking into it and I could only find things regarding the issue on using import in commonjs projects. I set the type property in my package.json file to module and I'm still getting this problem. I'm new to working with this level of NX and am having a hard time finding info that dives deeper into this, can someone help?

• ejs
• nrwl-nx

• From which file is this snippet? – GreenSaiko Commented Mar 11 at 11:28

1 Answer 1

If

import { ReactiveFormsModule } '@angular/forms';

is the desired output of the template when the conditional is true, then it should not be wrapped in a template tag.

<% if( componentType === 'custom form control' ) { %>

import { ReactiveFormsModule } '@angular/forms';

<% } %>