WARNING in Circular dependency detected about angular-playground

[mgmarlow]

@perseus086 @CedricDumont Can you double-check that your tsconfig.app.json has an entry for "module": "esnext"?

Example:

{ 
  "extends": "../tsconfig.json", 
  "compilerOptions": { 
    "outDir": "../out-tsc/app", 
    "baseUrl": "./", 
    "module": "esnext", 
    "types": [] }, 
    "exclude": [ 
      "test.ts", 
      "**/*.spec.ts" 
    ] 
  }
}

[CedricDumont]

for more info if ever needed
the generated sandboxes.ts

import { default as s1 } from './app/note/note.component.sandbox';
export let sandboxes: any[] = [];
sandboxes.push(s1.serialize('NoteComponent'));

[lurock]

Try using the 2.x version just released and see if you are still having issues.

[CedricDumont]

I have updated, now I have this error showing up from ng serve:

ERROR in ..../src/sandboxes.ts (7,8): Expression expected.
ERROR in /.../src/sandboxes.ts (7,14): Unreachable code detected.
ERROR in /...../src/sandboxes.ts (7,70): Property 'then' does not exist on type '"./app/command-input/command-input.component.sandbox"'.

I just created a new fresh project (ng client project), then followed instruction on website and just started:
yarn run playground.

sandbox file looks like this

export function getSandboxMenuItems() {
return [{"key":"./app/command-input/command-input.component.sandbox","searchKey":"CommandInputComponent","name":"CommandInputComponent","label":"","scenarioMenuItems":[{"key":1,"description":"simple test"}]}];
}
export function getSandbox(path: string) {
switch(path) {
case './app/command-input/command-input.component.sandbox':
return import('./app/command-input/command-input.component.sandbox').then(sandbox => { return sandbox.default.serialize('./app/command-input/command-input.component.sandbox'); });
}}

[lurock]

This error is caused because the new version of Angular Playground 2.0.0 or higher requires you use Typescript 2.4 or higher. Change your devDependencies for typescript to be version 2.4.x or higher and this should resolve your issue. We are updating or docs and will have a requirements page up on the web shortly.

[perseus086]

After upgrading to typescript 2.4.2 I got the following error:

.../map/src/sandboxes.ts (7,8): Dynamic import cannot be used when targeting ECMAScript 2015 modules.

How can I solve this issue?

[CedricDumont]

I also upgraded to typescript 2.4.2 and using the very last angular cli and still same error as @perseus086

[perseus086]

Adding "module": "esnext" fixed the issue.

Thank you @mgmarlow 😃