import * as not working

🐞 bug report

Affected Package

The issue is caused by package @angular/....

Is this a regression?

Yes, the previous version in which this bug was not present was: no idea

Description

I am using this utils to show configuration and run local test, It is working fine as a standalone (without angular). URL : https://github.com/indraraj26/automate-ng-build-process

import * as chalk from 'chalk';
import * as env from './src/environments/environment';
import * as envStaging from './src/environments/environment.staging';
import * as envProduction from './src/environments/environment.prod';
import * as envDev from './src/environments/environment.dev';

🔬 Minimal Reproduction

https://stackblitz.com/...

🔥 Exception or Error

D:\test\latest\ng-test>npm run ts-node automate

> test-@0.1.0 ts-node D:\test\latest\ng-test
> ts-node "automate"

D:\test\latest\ng-test\automate.ts:12
import * as chalk from 'chalk';
       ^

SyntaxError: Unexpected token *
    at Module._compile (internal/modules/cjs/loader.js:721:23)

🌍 Your Environment

Angular Version:

>ng --version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 9.0.3
Node: 10.16.0
OS: win32 x64

Angular: 9.0.2
... animations, common, compiler, compiler-cli, core, forms
... language-service, localize, platform-browser
... platform-browser-dynamic, router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.900.3
@angular-devkit/build-angular     0.900.3
@angular-devkit/build-optimizer   0.900.3
@angular-devkit/build-webpack     0.900.3
@angular-devkit/core              9.0.3
@angular-devkit/schematics        9.0.3
@angular/cdk                      8.2.3
@angular/cli                      9.0.3
@angular/material                 8.2.3
@ngtools/webpack                  9.0.3
@schematics/angular               9.0.3
@schematics/update                0.900.3
rxjs                              6.5.4
typescript                        3.7.5
webpack                           4.41.2

Anything else relevant?

[petebacondarwin]

@indraraj26 - this is because ts-node reads the tsconfig.json file by default and in that file you will find "module": "esnext".

So when ts-node compiles the TS file the output JS, which node is trying to run, will include the import statement. The two solutions are:

1. Run node with ES modules support turned on. (See https://blog.logrocket.com/es-modules-in-node-js-12-from-experimental-to-release/)
2. Create a separate tsconfig.json and pass this to ts-node via the -p flag.

[indraraj26]

Thank you @petebacondarwin . it is resolved with second option now my util will be helpful for me/others in future.