The main difference is that tsc transpile all the file according to your tsconfig.
Instead, ts-node will start from the entry file and transpile the file step by step through the tree based on the import/export

Most common practice is that `tsc` is used for production build and `ts-node` for development purposes running in `--watch` mode along with `nodemon`. This is a command i often use for development mode for my node/typescript projects:
```
&quot;dev&quot;: &quot;nodemon -w *.ts -e ts -x ts-node --files -H -T ./src/index.ts&quot;

I&#39;m attempting to find an object in an array using `Array.prototype.includes`. Is this possible? I realize there is a difference between shallow and deep comparison. Is that the reason the below code returns false? I could not find a relevant answer for `Array.includes()`.

[![dev tools console][1]][1]

  [1]: https://i.stack.imgur.com/7pkYo.png

Array.includes() to find object in array

Same code like this

    collectionLayout.estimatedItemSize = CGSize(width: 50, height: 25)
    collectionLayout.itemSize = UICollectionViewFlowLayoutAutomaticSize
    collectionLayout.minimumInteritemSpacing = 10 
    
    for _ in 0 ..&lt; 1000 {
        let length = Int(arc4random() % 8)
        let string = randomKeyByBitLength(length)
        array.append(string!)
    }
    collectionView.reloadData()

cell constraints:

[![enter image description here][1]][1]

when I run it on iOS 12, it&#39;s different.
left simulator is iOS 11, and right is iOS 12:

[![enter image description here][2]][2]

But, when I scroll it, cells&#39;s frames will be normal.

---
Sample project to reproduce the issue: https://github.com/Coeur/StackOverflow51375566

  [1]: https://i.stack.imgur.com/jvQpt.jpg
  [2]: https://i.stack.imgur.com/fqAhC.jpg

In iOS 12, when does the UICollectionView layout cells, use autolayout in nib

I&#39;m very confused about the difference between `tsc` and `ts-node`. I&#39;m learning TypeScript and I usually transpile server `.ts` files with `tsc` command.

Now, I&#39;m approaching [nestjs][1] framework, and I see that it uses `ts-node`.

So what&#39;s the difference between the two? Which one should I use?


  [1]: https://nestjs.com/

What&#39;s the difference between tsc (TypeScript compiler) and ts-node?

I'm very confused about the difference between <code>tsc</code> and <code>ts-node</code>. I'm learning TypeScript and I usually transpile server <code>.ts</code> files with <code>tsc</code> command.
Now, I'm approaching <a href="https://nestjs.com/" target="_blank" rel="noopener noreferrer">nestjs</a> framework, and I see that it uses <code>ts-node</code>.
So what's the difference between the two? Which one should I use?

I&#39;ve installed `MongoDB v4.0` for the most amazing feature of it **Transaction** in Nodejs with `mongodb` 3.1 as a driver.

When I try to use a transaction session I&#39;ve faced this error:

&gt; MongoError: Transaction numbers are only allowed on a replica set member or mongos.

What&#39;s that and how can I get rid of it?

Any suggestion is appreciated. 



Mongodb v4.0 Transaction, MongoError: Transaction numbers are only allowed on a replica set member or mongos

When wanting to mock external modules with Jest, we can use the `jest.mock()` method to auto-mock functions on a module. 

We can then manipulate and interrogate the mocked functions on our mocked module as we wish.

For example, consider the following contrived example for mocking the axios module:

    import myModuleThatCallsAxios from &#39;../myModule&#39;;
    import axios from &#39;axios&#39;;
    
    jest.mock(&#39;axios&#39;);
    
    it(&#39;Calls the GET method as expected&#39;, async () =&gt; {
      const expectedResult: string = &#39;result&#39;;
    
      axios.get.mockReturnValueOnce({ data: expectedResult });
      const result = await myModuleThatCallsAxios.makeGetRequest();
    
      expect(axios.get).toHaveBeenCalled();
      expect(result).toBe(expectedResult);
    });

The above will run fine in Jest but will throw a Typescript error:

&gt; Property &#39;mockReturnValueOnce&#39; does not exist on type &#39;&lt;T = any&gt;(url:
&gt; string, config?: AxiosRequestConfig | undefined) =&gt; AxiosPromise&lt;T&gt;&#39;.

The typedef for `axios.get` rightly doesn&#39;t include a `mockReturnValueOnce` property. We can force Typescript to treat `axios.get` as an Object literal by wrapping it as `Object(axios.get)`, but:

What is the idiomatic way to mock functions while maintaining type safety?

Typescript and Jest: Avoiding type errors on mocked functions

I am in a situation where new content is created when I scroll down. The new content has a specific class name.

How can I keep scrolling down until all the elements have loaded?

In other words, I want to reach the stage where if I keep scrolling down, nothing new will load.

I was using code to scroll down, coupled with an 

    await page.waitForSelector(&#39;.class_name&#39;);

The problem with this approach is that after all the elements have loaded, the code keeps on scrolling down, no new elements are created and eventually I get a timeout error.

This is the code:

    await page.evaluate( () =&gt; {
      window.scrollBy(0, window.innerHeight);
    });
    await page.waitForSelector(&#39;.class_name&#39;);

Puppeteer - scroll down until you can&#39;t anymore

When I want to run my project with the command `npm run test`, I get the error below. What is causing this?

    FAIL
    ● Test suite failed to run

    SecurityError: localStorage is not available for opaque origins at Window.get localStorage [as localStorage] (node_modules/jsdom/lib/jsdom/browser/Window.js:257:15)
          at Array.forEach (&lt;anonymous&gt;)


 

Jest SecurityError: localStorage is not available for opaque origins

I tried to specify the node engine in a package.json to accept both `8` and `10` version.

I tried to type this:

    &quot;engines&quot;: {
      &quot;node&quot;: &quot;8.x|10.x&quot;
    },

But running `yarn` results in:

&gt; The engine &quot;node&quot; is incompatible with this module. Expected version &quot;8.x|10.x&quot;

If I replace with:


    &quot;engines&quot;: {
      &quot;node&quot;: &quot;10.x&quot;
    },

... it works (i.e no error).

Is there a way to accept two versions of node engine in a `package.json`?


Node engine 8.x or 10.x in package.json

**Problem**: The interface of `Stateless Functional Component` is given as 

    interface SFC&lt;P = {}&gt; {
        (props: P &amp; { children?: ReactNode }, context?: any): ReactElement&lt;any&gt; | null;
        propTypes?: ValidationMap&lt;P&gt;;
    }

The prop type of my component is also generic as:

    interface Prop&lt;V&gt;{
	    num: V;
    }

How to properly define my component? as:

    const myCom: &lt;T&gt;SFC&lt;Prop&lt;T&gt;&gt; = &lt;T&gt;(props: Prop&lt;T&gt;)=&gt; &lt;div&gt;test&lt;/div&gt;

gives an error at `character 27` that `Cannot find name &#39;T&#39;`

Here is :[Typescript Playground of modified example][1]

**MyFindings**: 

1:Typescript 2.9.1 support Stateful Generic Component: http://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-9.html#generic-type-arguments-in-jsx-elements

    class myCom&lt;T&gt; extends React.Component&lt;Prop&lt;T&gt;, any&gt; {
       render() {
          return &lt;div&gt;test&lt;/div&gt;;
       }
    }

2: Extending `SFC` to make a new interface as mentioned in following answer would make component&#39;s prop type as `any`:
https://stackoverflow.com/questions/44392479/typescript-react-stateless-function-with-generic-parameter-return-types# which I don&#39;t want. I want to give proper type for my prop


  [1]: http://www.typescriptlang.org/play/#src=interface%20FunctionalComponent%20%3C%20P%20%3E%20%7B%0D%0A%09%09(props%3A%20Readonly%3CP%3E%2C%20context%3F%3A%20any)%3A%20number%3B%0D%0A%09%09displayName%3F%3A%20string%3B%0D%0A%09%09defaultProps%3F%3A%20Partial%3CP%3E%3B%0D%0A%7D%0D%0Ainterface%20Prop%3CV%3E%7B%0D%0A%09num%3A%20V%3B%0D%0A%7D%0D%0Aconst%20Search%3A%20FunctionalComponent%3CProp%3CT%3E%3E%20%3D%20%3CT%3E(props)%20%3D%3E%20%7B%0D%0A%09return%2010%3B%0D%0A%7D%0D%0A

Type of Generic Stateless Component React? OR Extending generic function interface in typescript to have a further generic?

I am trying to export my Angular app as an npm module to be consumed by other applications, but am running into some difficulties. I have not been able to find this error anywhere else on the internet, and am at my wit&#39;s end.

I followed this tutorial: https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

I used ng-packagr to export my app as an npm module. I can successfully install it from a local folder on a barebones test app, but cannot get it to display my app.

Error:
```
    AppComponent.html:1 ERROR Error: inject() must be called from an injection context
    at inject (core.js:1362)
    at ChangeStackService_Factory (template-wiz.js:2074)
    at _callFactory (core.js:8223)
    at _createProviderInstance (core.js:8181)
    at resolveNgModuleDep (core.js:8156)
    at NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:8849)
    at resolveDep (core.js:9214)
    at createClass (core.js:9094)
    at createDirectiveInstance (core.js:8971)
    at createViewNodes (core.js:10191)
```

template-wiz.module.ts (Module being exported)

``` typescript
    import { NgModule, ChangeDetectorRef, ComponentFactoryResolver } from &#39;@angular/core&#39;;
    import { TemplateWizComponent } from &#39;./template-wiz.component&#39;;
    import { BrowserModule } from &#39;@angular/platform-browser&#39;;
    import { FormsModule } from &#39;@angular/forms&#39;;
    import { HttpClientModule } from &#39;@angular/common/http&#39;;
    import { BlockListDirective } from &#39;./Directives/block-list.directive&#39;;
    import { TemplateItemsDirective } from &#39;./Directives/template-items.directive&#39;;
    import { ContextMenuComponent, SeperatorComponent, DragBoxComponent, SnapLineComponent, PropertiesComponent, ToolboxComponent } from &#39;./Components&#39;
    import { AddressBlockComponent, TextBlockComponent, ImageBlockComponent, DataBlockComponent } from &#39;./Data-Blocks&#39;;
    import { BlockFactoryService, BlockRegistryService, DisplayInfoService, MouseClickService, SavingService, SnapService, TextHelperService, UserModeService } from &#39;./Services&#39;;
    import { PageContextMenuComponent } from &#39;./Components/page-context-menu/page-context-menu.component&#39;;
    import { CamelToWordsPipe } from &#39;./Pipes/camel-to-words.pipe&#39;;
    import { PdfPublisherService } from &#39;./Services/pdf-publisher/pdf-publisher.service&#39;;
    import { GradientBlockComponent } from &#39;./Data-Blocks/gradient-block/gradient-block.component&#39;;
    import { PropToTypePipe } from &#39;./Pipes/prop-to-type.pipe&#39;;
    import { ShapeBlockComponent } from &#39;./Data-Blocks/shape-block/shape-block.component&#39;;
    import { CommonModule } from &#39;@angular/common&#39;;
    import { ModuleWithProviders } from &#39;@angular/compiler/src/core&#39;;


    @NgModule({
      imports: [
        CommonModule,
        FormsModule,
        HttpClientModule
      ],
      entryComponents: [
        AddressBlockComponent,
        ContextMenuComponent,
        DragBoxComponent,
        GradientBlockComponent,
        ImageBlockComponent,
        PageContextMenuComponent,
        SeperatorComponent,
        ShapeBlockComponent,
        SnapLineComponent,
        TextBlockComponent
      ],
      declarations: [
        TemplateWizComponent,
        DataBlockComponent,
        AddressBlockComponent,
        SeperatorComponent,
        BlockListDirective,
        TemplateItemsDirective,
        ImageBlockComponent,
        TextBlockComponent, DragBoxComponent,
        SnapLineComponent,
        ToolboxComponent,
        PropertiesComponent,
        ContextMenuComponent,
        PageContextMenuComponent,
        GradientBlockComponent,
        CamelToWordsPipe,
        PropToTypePipe,
        ShapeBlockComponent
      ],
      providers: [
        BlockFactoryService,
        BlockRegistryService,
        DisplayInfoService,
        MouseClickService,
        SavingService,
        SnapService,
        TextHelperService,
        UserModeService,
        PdfPublisherService
      ],
      //bootstrap: [TemplateWizComponent],
      exports: [
        TemplateWizComponent
      ]
    })
    export class TemplateWizModule {
      static forRoot(): ModuleWithProviders {
        return {
          ngModule: TemplateWizModule,
          providers: [
            ComponentFactoryResolver
          ]
        }
      }
    }
```

app.module.ts (Bare bones test app using my module)

``` typescript
    import { BrowserModule } from &#39;@angular/platform-browser&#39;;
    import { NgModule } from &#39;@angular/core&#39;;
    import { FormsModule } from &#39;@angular/forms&#39;;
    import { HttpClientModule } from &#39;@angular/common/http&#39;;
    import { AppComponent } from &#39;./app.component&#39;;
    import { TemplateWizModule } from &#39;template-wiz&#39;;

    @NgModule({
      declarations: [
        AppComponent,
      ],
      imports: [
        BrowserModule,
        FormsModule,
        TemplateWizModule.forRoot(),
        HttpClientModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
```

Any help or pointers at all would be appreciated, thank you.

inject() must be called from an injection context

I am trying to debug my Typescript code in Visual Studio Code, using the Chrome Debugger extension, but I am getting the &quot;Unverified breakpoint&quot; message on my breakpoint, and execution does not stop on my breakpoint.

Here is my launch.json file:

    {
        linkid=830387
        &quot;version&quot;: &quot;0.2.0&quot;,
        &quot;configurations&quot;: [
            {
                &quot;type&quot;: &quot;chrome&quot;,
                &quot;request&quot;: &quot;launch&quot;,
                &quot;name&quot;: &quot;Launch Chrome against localhost&quot;,
                &quot;url&quot;: &quot;http://localhost:4200&quot;,
                &quot;sourceMaps&quot;: true,
                &quot;webRoot&quot;: &quot;${workspaceFolder}&quot;
            }
        ]
    }

App Version:

 - Visual Studio Code: 1.25.1 
 - Chrome: 67.0.3396.99

Any other suggestions on how I can solve this issue?

“Unverified breakpoint” in Visual Studio Code with Chrome Debugger extension

I have seen some projects declaring all the types in `index.d.ts`. So that the programmer do not need to explicitly import the type from other files.

    import { TheType } from &#39;./somefile.ts&#39;

Is that the correct usage of `index.d.ts` file? I&#39;m not able to find anything in the official documentation.

What is the main usage of index.d.ts in Typescript?

I&#39;m using tsc build tasks. Unfortunately I&#39;m always getting the same errors from the node modules folder

    Executing task: .\node_modules\.bin\tsc.cmd --watch -p .\tsconfig.json &lt;
    node_modules/@types/node/index.d.ts(6208,55): error TS2304: Cannot find name &#39;Map&#39;.
    node_modules/@types/node/index.d.ts(6215,55): error TS2304: Cannot find name &#39;Set&#39;.
    node_modules/@types/node/index.d.ts(6219,64): error TS2304: Cannot find name &#39;Symbol&#39;.
    node_modules/@types/node/index.d.ts(6225,59): error TS2304: Cannot find name &#39;WeakMap&#39;.
    node_modules/@types/node/index.d.ts(6226,59): error TS2304: Cannot find name &#39;WeakSet&#39;.
    10:13:18 - Compilation complete. Watching for file changes.

I already added the directory to the ignore at `tsconfig.json`
```json

    {
      &quot;compilerOptions&quot;: {
        &quot;target&quot;: &quot;es5&quot;,
        &quot;module&quot;: &quot;commonjs&quot;,
        &quot;sourceMap&quot;: true,
        &quot;strict&quot;: false,
        &quot;noImplicitAny&quot;: false,
        &quot;strictPropertyInitialization&quot;: false,
        &quot;esModuleInterop&quot;: true,
      },
      &quot;include&quot;: [
        &quot;src/*&quot;
      ],
      &quot;exclude&quot;: [
        &quot;node_modules&quot;,
        &quot;./node_modules&quot;,
        &quot;./node_modules/*&quot;,
        &quot;./node_modules/@types/node/index.d.ts&quot;,
      ]
    }
```
What I&#39;m doing wrong? What should I do in order to ignore those errors?

I&#39;m using VsCode and tsc Version 2.9.2

How to force tsc to ignore node_modules folder?

I have a typescript nodejs server with this structure:

    tsconfig.json
    package.json
    src/
        middleware/
        utils/
        index.ts
    dist/
        middleware/
        utils/
        index.js

When using Typescript 2, I was able to transpile my project from the src/ to a dist/ folder and have a mirror image of my directory structure to work with.

With the release of Typescript 3 they have introduced [project references][1] and changed the way code is transpiled into an output directory. Now `tsc` outputs to the dist/ folder in a nested way like this:

    dist/
        src/
            middleware/
            utils/
            index.js

My tsconfig.json is:

    {
      &quot;compilerOptions&quot;: {
        &quot;target&quot;: &quot;es5&quot;,
        &quot;module&quot;: &quot;commonjs&quot;,
        &quot;moduleResolution&quot;: &quot;node&quot;,
        &quot;allowJs&quot;: true,
        &quot;emitDecoratorMetadata&quot;: true,
        &quot;experimentalDecorators&quot;: true,
        &quot;resolveJsonModule&quot;: true,
        &quot;declaration&quot;: false,
        &quot;outDir&quot;: &quot;dist/&quot;,
        &quot;lib&quot;: [
          &quot;es7&quot;,
          &quot;dom&quot;
        ]
      },
      &quot;include&quot;: [
        &quot;src/&quot;
      ]
    }

How can I configure Typescript to output my src/ folder as a mirror image into a dist/ folder?


  [1]: https://blogs.msdn.microsoft.com/typescript/2018/07/30/announcing-typescript-3-0/#project-references

Maintain src/ folder structure when building to dist/ folder with Typescript 3

What is the use case for `noEmit` in Typescript? I&#39;m interested because I want to see if I can use this for development where I&#39;ll compile and run the compiled code without outputting them onto the file system which would be more efficient.

Edit: Perhaps this would be straight forward: &quot;Can I use `noEmit` tag in typescript to compile and run the code without outputting them onto the file system? If so, how would I do that?&quot;

Typescript noEmit use case

I am trying to setup aliases for my mock server. Whenever I try to compile `ts` files, it returns error that it couldn&#39;t find proper modules even though those are defined in `tsconfig,json`-&gt;`paths`

Folder structure:
```bash
├── server
│&#160;&#160; └── src
│&#160;&#160;     └──/json
├── src
│&#160;&#160; └──/modules
├── tsconfig.json
```

Here is my `tsconfig.json`
```json
{
    &quot;compilerOptions&quot;: {
        &quot;baseUrl&quot;: &quot;./src&quot;,
        &quot;experimentalDecorators&quot;: true,
        &quot;jsx&quot;: &quot;react&quot;,
        &quot;lib&quot;: [
            &quot;dom&quot;,
            &quot;es2015&quot;,
            &quot;es2015.promise&quot;
        ],
        &quot;module&quot;: &quot;commonjs&quot;,
        &quot;moduleResolution&quot;: &quot;node&quot;,
        &quot;noImplicitAny&quot;: true,
        &quot;noUnusedLocals&quot;: true,
        &quot;esModuleInterop&quot;: true,
        &quot;paths&quot;: {
            &quot;@project/app/modules/*&quot;: [
                &quot;modules/*&quot;
            ],
            &quot;@project/server/data/*&quot;: [
                &quot;../server/src/json/*&quot;
            ]
        },
        &quot;sourceMap&quot;: true,
        &quot;target&quot;: &quot;es5&quot;
    },
    &quot;exclude&quot;: [
        &quot;node_modules&quot;,
        &quot;tools&quot;
    ]
}
```

Error:
`Error: Cannot find module &#39;@project/server/data/accounts/accountsList&#39;`

Cannot find module that is defined in tsconfig `paths`

I am getting this fairly non-sensical tsc transpilation error:

&gt; error TS6059: File
&gt; &#39;/Users/alex/codes/interos/teros-cli/src/logging.ts&#39; is not under
&gt; &#39;rootDir&#39; &#39;/Users/alex/codes/teros/notifier-server/src&#39;. &#39;rootDir&#39;
&gt; is expected to contain all source files.

my PWD is `/Users/alex/codes/teros/notifier-server` and the tsconfig.json file for `/Users/alex/codes/teros/notifier-server/tsconfig.json` is:


    {
      &quot;compilerOptions&quot;: {
        &quot;outDir&quot;: &quot;dist&quot;,
        &quot;allowJs&quot;: false,
        &quot;pretty&quot;: true,
        &quot;resolveJsonModule&quot;: true,
        &quot;sourceMap&quot;: false,
        &quot;skipLibCheck&quot;: true,
        &quot;rootDir&quot;: &quot;src&quot;,
        &quot;declaration&quot;: false,
        &quot;baseUrl&quot;: &quot;.&quot;,
        &quot;target&quot;: &quot;es2018&quot;,
        &quot;module&quot;: &quot;commonjs&quot;,
        &quot;noImplicitAny&quot;: true,
        &quot;removeComments&quot;: true,
        &quot;allowUnreachableCode&quot;: true,
        &quot;lib&quot;: [
          &quot;es2017&quot;,
          &quot;es2018&quot;
        ]
      },
      &quot;compileOnSave&quot;: false,
      &quot;include&quot;: [
        &quot;src&quot;
      ]
    }


this seems like a bug..since teros-cli dir is outside the PWD, *and* is governed by a separate tsconfig.json file.


I even changed this field to:

      &quot;include&quot;: [
        &quot;/Users/alex/codes/teros/notifier-server/src&quot;
      ],
      &quot;exclude&quot;: [
        &quot;/Users/alex/codes/teros/teros-cli&quot;
      ]

still get the same error.




error TS6059: File is not under &#39;rootDir&#39; .. &#39;rootDir&#39; is expected to contain all source files

I&#39;ve got a `PlayersModule` and an `ItemsModule`.

I want to use the `ItemsService` in the `PlayersService`.

When I add it by injection:

    import { Injectable } from &#39;@nestjs/common&#39;;
    import { InjectModel } from &#39;nestjs-typegoose&#39;;
    import { ModelType, Ref } from &#39;typegoose&#39;;
    import { Player } from &#39;./player.model&#39;;
    import { Item } from &#39;../items/item.model&#39;;
    import { ItemsService } from &#39;../items/items.service&#39;;
    
    @Injectable()
    export class PlayersService {
        constructor(
            @InjectModel(Player) private readonly playerModel: ModelType&lt;Player&gt;,
            private readonly itemsService: ItemsService){}

I get this nest error :

&gt; [Nest] 11592   - 2018-8-13 11:42:17   [ExceptionHandler] Nest can&#39;t
&gt; resolve dependencies of the PlayersService (+, ?). Please make sure
&gt; that the argument at index [1] is available in the current context.

Both modules are imported in the `app.module.ts`. Both services are working alone in their module.

Inject nestjs service from another module

I tried to use the internal `Logger` of nestjs (described on https://docs.nestjs.com/techniques/logger -&gt; but with no description of how to use it)

But I had problems (tried to inject `LoggerService` and so on)

Can anybody explain how to do this?

How to use nestjs Logging service

What&#39;s the difference between an Interceptor, Filter and Middleware in Nest.js framework? When should one of them be used and favored over the other?

Thanks


What&#39;s the difference between Interceptor vs Middleware vs Filter in Nest.js?

I am a freshman in Nest.js.

And my code as below

      @Get(&#39;findByFilter/:params&#39;)
      async findByFilter(@Query() query): Promise&lt;Article[]&gt; {
    
      }

I have used `postman` to test this router

http://localhost:3000/article/findByFilter/bug?google=1&amp;baidu=2

Actually, I can get the query result `{ google: &#39;1&#39;, baidu: &#39;2&#39; }`. But I&#39;m not clear why the url has a string `&#39;bug&#39;`?

If I delete that word just like

http://localhost:3000/article/findByFilter?google=1&amp;baidu=2

then the postman will shows statusCode `404`.

Actually, I don&#39;t need the word `bug`, how to custom the router to realize my destination just like `http://localhost:3000/article/findByFilter?google=1&amp;baidu=2`


Here&#39;s another question is how to make mutiple router point to one method?

How to use query parameters in Nest.js?

Started new project with &#39;nest new&#39; command. Works fine until I add entity file to it.

Got following error:

&gt; import { Entity, Column, PrimaryGeneratedColumn } from &#39;typeorm&#39;;
&gt; 
&gt; ^^^^^^
&gt; 
&gt; SyntaxError: Cannot use import statement outside a module


What do I miss?

Adding Entity to Module:

    import { Module } from &#39;@nestjs/common&#39;;
    import { BooksController } from &#39;./books.controller&#39;;
    import { BooksService } from &#39;./books.service&#39;;
    import { BookEntity } from &#39;./book.entity&#39;;
    import { TypeOrmModule } from &#39;@nestjs/typeorm&#39;;

    @Module({
      imports: [TypeOrmModule.forFeature([BookEntity])],
      controllers: [BooksController],
      providers: [BooksService],
    })
    export class BooksModule {}


app.module.ts:

    import { Module } from &#39;@nestjs/common&#39;;
    import { AppController } from &#39;./app.controller&#39;;
    import { AppService } from &#39;./app.service&#39;;
    import { TypeOrmModule } from &#39;@nestjs/typeorm&#39;;
    import { Connection } from &#39;typeorm&#39;;
    import { BooksModule } from &#39;./books/books.module&#39;;
    
    @Module({
      imports: [TypeOrmModule.forRoot()],
      controllers: [AppController],
      providers: [AppService],
    })
    export class AppModule {}

TypeORM Entity in NESTJS - Cannot use import statement outside a module

Having compiled my TypeScript project successfully, I intended to run it in VS Code&#39;s debug mode using `ts-node`. Problem is, `ts-node` can&#39;t find `d.ts` files I created (while `tsc` has no problem with it).

Project structure is:

    /
        conf/
        dist/
        src/
            types/
    package.json
    tsconfig.json

`tsconfig.json` relevant entries are:

&lt;!-- language: lang-json --&gt;

    {
        &quot;compilerOptions&quot;: {
            &quot;target&quot;: &quot;es2017&quot;,
            &quot;module&quot;: &quot;commonjs&quot;,
            // &quot;lib&quot;: [],
            &quot;sourceMap&quot;: true,
            &quot;outDir&quot;: &quot;dist&quot;,
            &quot;rootDir&quot;: &quot;src&quot;,
            &quot;moduleResolution&quot;: &quot;node&quot;,
            &quot;baseUrl&quot;: &quot;.&quot;,
            &quot;paths&quot;: {
                &quot;*&quot;: [
                    &quot;node_modules/*&quot;,
                    &quot;src/types/*&quot;
                ]
            },
            // &quot;rootDirs&quot;: [],
            // &quot;typeRoots&quot;: [],
            // &quot;types&quot;: [],
        },
        &quot;include&quot;: [
            &quot;src/**/*&quot;
        ]
    }

The definition file `ts-node` can&#39;t find is `src/types/global.d.ts`:

&lt;!-- language: lang-typescript --&gt;

    import { App } from &#39;../App&#39;;
    
    declare global {
        namespace NodeJS {
            interface Global {
                app: App;
            }
        }
    }

So, trying to run it with `ts-node` I see:

    TSError: ⨯ Unable to compile TypeScript:
    src/boot.ts(15,59): error TS2339: Property &#39;app&#39; does not exist on type &#39;Global&#39;.

How to resolve it globally? I&#39;ve found that `/// &lt;reference path=&quot;./types/global.d.ts&quot; /&gt;` does the trick but I&#39;d have to repeat it in every file using `global.app`.

My TypeScript version is 3.0.1

ts-node ignores d.ts files while tsc successfully compiles the project

I&#39;m working on a relative large typescript project, I&#39;m using `ts-node` to run node testing and examples. As far as I understand, `ts-node` will compile `ts` files to `js` files and execute.

Recently I heard about `deno`, which is a typescript runtime. I tried a few examples in typescript, which works using `ts-node`. I ran the example with `deno`, there were many compile messages printed in the console, then execute the code. And later I found there&#39;s cache files in `/username/.deno`. I don&#39;t feel the `deno` execution is faster than `ts-node`

It seems both `deno` and `ts-node` will compile and run using cache. What&#39;s the difference between them?

Content Type	Original Author	Original Content on Stackoverflow
Question	gremo	View Question on Stackoverflow
Solution 1 - node.js	Adrien De Peretti	View Answer on Stackoverflow
Solution 2 - node.js	lukasz	View Answer on Stackoverflow

What's the difference between tsc (TypeScript compiler) and ts-node?

node.js Problem Overview

node.js Solutions

Solution 1 - node.js

Solution 2 - node.js

In iOS 12, when does the UICollectionView layout cells, use autolayout in nib

Array.includes() to find object in array

Attributions