It&#39;s used when `tsc` is used only for type checking, not for compilation. That&#39;s the case when some other tool (like [Webpack](https://webpack.js.org/), [Parcel](https://parceljs.org/) or [Rollup](https://rollupjs.org/guide/en/)) is responsible for compiling your code.

If you are interested in running your code in an interactive mode, look into [ts-node](https://github.com/TypeStrong/ts-node) or [ts-node-dev](https://www.npmjs.com/package/ts-node-dev).

I&#39;ve created Firebase Dynamic Links in other projects before using the page.link URL prefix (the only option at the time). However that no longer appears to be an option when enabling Dynamic Links for a new project today. It looks like the [docs for custom domains](https://firebase.google.com/docs/dynamic-links/custom-domains) were updated today. Unfortunately, while they provide some helpful examples, they don&#39;t explain how to resolve my issue in a way that I can understand.

[![error configuring dynamic links for custom domain][1]][1]

So this message seems to indicate that I need to &quot;Put links under a subpath&quot;. It seems to me that adding the `/link` path prefix here should accomplish that? But after making that change, I get the same error message.

&gt; It looks like you already have content served on this Hosting site. Put links under a subpath to avoid conflicts with existing content.

I order to try to work around this, I went to my project and added the suggested Hosting configuration and deployed it.

firebase.json:
```json
{
  &quot;hosting&quot;: {
    &quot;public&quot;: &quot;dist&quot;,
    &quot;ignore&quot;: [
      &quot;**/.*&quot;
    ],
    &quot;appAssociation&quot;: &quot;AUTO&quot;,
    &quot;rewrites&quot;: [
      {
        &quot;source&quot;: &quot;/link/**&quot;,
        &quot;dynamicLinks&quot;: true
      },
      {
        &quot;source&quot;: &quot;**&quot;,
        &quot;destination&quot;: &quot;/index.html&quot;
      }
    ]
  }
}
```
Even after waiting an hour, I keep getting the same error and I don&#39;t understand what to do.

Note that I have the rewrite to `/index.html` because I have an Angular Single Page Application hosted at www.devintent.com.

No matter what I do, I keep getting this error and the `Continue` button stays disabled. I tried using my naked domain devintent.com instead of www.devintent.com, but that didn&#39;t help. I tried using links.devintent.com, but got the same error. 

If I manually remove `disabled` from the `Continue` button, then I get this error message:

[![configure path prefix manually message][2]][2]
This links to the [docs for manually configuring hosting for dynamic links](https://firebase.google.com/docs/dynamic-links/custom-domains?authuser=0#manual) which has some steps that I&#39;ve already completed. Clicking the `Check Again` button just takes me back to the same error in the first image above.

---

Workaround to not use Custom Domains

I&#39;m happy at this time to use a `page.link` link, I just need to create a Dynamic Link and get unblocked on this task, but I can&#39;t figure out any way in the console to allow me to do that either.

Update on this: I figured out that I needed to add the subdomain to the `page.link` URL. The tooltip says &quot;or a free Google-provided domain (for example, yourapp.page.link)&quot; at the end. This is a little less prominent that I would have liked (as I didn&#39;t find it for quite a long time). Using `devintent.page.link` works for me as a workaround for now.

--- 

However, I&#39;m not sure why the Custom Domain configuration didn&#39;t work and why it would be the default if there are such complications with projects with existing Hosting configurations and custom domains.

  [1]: https://i.stack.imgur.com/VtNBJ.png
  [2]: https://i.stack.imgur.com/Cr34I.png

Unable to add Firebase Dynamic Links to a project using a custom domain

What are the exact differences between EC2, Beanstalk and LightSail in AWS?

What are good real time scenarios in which I should use these services?

AWS - What are the exact differences between EC2, Beanstalk and LightSail?

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

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


Title says it all - why doesn&#39;t `Object.keys(x)` in TypeScript return the type `Array&lt;keyof typeof x&gt;`? That&#39;s what `Object.keys` does, so it seems like an obvious oversight on the part of the TypeScript definition file authors to not make the return type simply be `keyof T`.

Should I log a bug on their GitHub repo, or just go ahead and send a PR to fix it for them?


Why doesn&#39;t Object.keys return a keyof type in TypeScript?

I have this import in my file **app.spec.ts**:

    import app from &#39;./app&#39;;

Which causes this Typescript error

    2:17  error  Unable to resolve path to module &#39;./app&#39;  import/no-unresolved

**./app.ts** does exist, but I have not compiled the .ts file into a .js file. As soon as I compile the .ts file to a .js, the error goes away.

However, since eslint is supposed to work with typescript, it should resolve modules with the .ts and not the .js.

I&#39;ve also added the typescript information in my `eslint` config file:

    &quot;parser&quot;: &quot;@typescript-eslint/parser&quot;,
    &quot;parserOptions&quot;: {
        &quot;project&quot;: &quot;./tsconfig.json&quot;
    }

How can I config eslint in such a way that it tries to resolve modules with the .ts and not the .js?

Cheers!

**EDIT #1**

Content of `app.ts`:

	import bodyParser from &#39;body-parser&#39;;
	import express from &#39;express&#39;;
	import graphqlHTTP from &#39;express-graphql&#39;;
	import { buildSchema } from &#39;graphql&#39;;

	const app = express();

	const schema = buildSchema(`
		type Query {
			hello: String
		}
	`);
	const root = { hello: () =&gt; &#39;Hello world!&#39; };

	app.use(bodyParser());
	app.use(&#39;/graphql&#39;, graphqlHTTP({
		schema,
		rootValue: root,
		graphiql: true,
	}));

	export default app;


Using eslint with typescript - Unable to resolve path to module

In my `create-react-app@2.1.8` TypeScript/React app, TS compiler errors are only shown in the Problems pane for files I have open in the VS Code editor.  As a result I sometimes don&#39;t catch errors until I actually run the app.

How can I get TypeScript to automatically check for compiler errors in all code files as soon as I open the workspace, or when I save changes to a file?

I&#39;ve tried adding `&quot;watch&quot;: &quot;tsc --watch&quot;` as a script in `package.json` and then doing `npm run-script watch` in an integrated terminal pane, but this has two problems: 

* errors show up in the terminal pane but don&#39;t populate the Problems pane in VSCode
* I have to manually run it, instead of it automatically starting when the workspace loads

Is there a better solution?

BTW, this is the same question as https://stackoverflow.com/questions/39401231/show-project-wide-typescript-problems-errors-in-webstorm, but about Visual Studio Code instead of webstorm.


How to get VSCode to show TypeScript errors for files *not* open in the editor?

I am creating a form by using react and formik.Below is my code:

    &lt;div&gt;
      &lt;Formik
        initialValues={{
          email: &quot;&quot;
        }}
        onSubmit={(values: FState, setSubmitting: any) =&gt; {
          console.log(&quot;Enter in submit function&quot;, values);
          setTimeout(() =&gt; {
            alert(JSON.stringify(values, null, 2));
            setSubmitting(false);
          }, 500);
        }}
        validationSchema={validationSchemaGlobal}
      &gt;
        {({
          errors,
          touched,
          handleBlur,
          handleChange,
          isSubmitting,
          values,
          handleSubmit
        }: any) =&gt; (
          &lt;div&gt;
            &lt;Cards&gt;
              &lt;form onSubmit={handleSubmit}&gt;
                &lt;CardBody&gt;
                  &lt;h4&gt;
                    Enter Your Email Address and we&#39;ll send you a link to reset your
                    password
                  &lt;/h4&gt;
                  &lt;Field
                    type=&quot;text&quot;
                    id=&quot;email&quot;
                    value={values.email}
                    component={CustomInput}
                    onChange={handleChange}
                    onBlur={handleBlur}
                  /&gt;
                  {errors.email &amp;&amp; touched.email ? (
                    &lt;div style={{ color: &quot;red&quot; }}&gt;{errors.email}&lt;/div&gt;
                  ) : null}
                &lt;/CardBody&gt;
                &lt;CardFooter&gt;
                  &lt;br /&gt;
                  &lt;button type=&quot;submit&quot; disabled={isSubmitting}&gt;
                    Send Password Reset Link
                    {/* {isSubmitting &amp;&amp; &lt;i className=&quot;fa fa-sponner fa-spin&quot;/&gt;} */}
                  &lt;/button&gt;
                &lt;/CardFooter&gt;
              &lt;/form&gt;
            &lt;/Cards&gt;
          &lt;/div&gt;
        )}
      &lt;/Formik&gt;
    &lt;/div&gt;

In this formik form, onSubmit function not working. I dont know why? Please tell me guys what is problem with my code?

Formik onSubmit function is not working on my code

&lt;!-- language-all: lang-js --&gt;

I&#39;ve noticed that `React` can be imported like this:

    import * as React from &#39;react&#39;;

...or like this:

    import React from &#39;react&#39;;

---

The first imports everything in the `react` module (see: [Import an entire module&#39;s contents](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#Import_an_entire_module&#39;s_contents))

The second imports only the `default` module export (see: [Importing defaults](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import#Importing_defaults))

---

It seems like the two approaches are different and fundamentally incompatible.

Why do they both work?

---

Please reference the source code and explain the mechanism...I&#39;m interested in understanding how this works.

---

**Update**

This is **not** a duplicate of https://stackoverflow.com/questions/54585763/what-is-the-difference-between-import-as-react-from-react-vs-import-react-fr 

That question was answered with general ES6 module information.

I am asking about the mechanism that makes the `react` module work like this.  It seems to be related to &quot;hacky&quot; export mechanism [in the source here](https://github.com/facebook/react/blob/56035dac645af75c1a8aa8deba2bcf89b14a5aa4/packages/react/index.js#L14-L16) but it&#39;s not clear how that enables both importing the **entire** module and just the **default** export into `React` and having both of those approaches work with transpiling JSX, etc.

import * as React from &#39;react&#39;; vs import React from &#39;react&#39;;

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;m struggling with following &quot;error&quot; in VSCode : 
```
Argument for &#39;--jsx&#39; option must be: &#39;preserve&#39;, &#39;react-native&#39;, &#39;react&#39;
```

Hence, react-scripts (create-react-app) automatically sets the ```jsx``` key to ```react-jsx``` value, when ```react``` value seems to work.

Actually, the code works perfectly and displays the page I want, but the IDE is underlining kinda everything as errors, saying :
```
Cannot use JSX unless the &#39;--jsx&#39; flag is provided.
```

Here is my tsconfig.json :

```
{
  &quot;compilerOptions&quot;: {
    &quot;target&quot;: &quot;es5&quot;,
    &quot;lib&quot;: [
      &quot;dom&quot;,
      &quot;dom.iterable&quot;,
      &quot;esnext&quot;
    ],
    &quot;allowJs&quot;: true,
    &quot;skipLibCheck&quot;: true,
    &quot;esModuleInterop&quot;: true,
    &quot;allowSyntheticDefaultImports&quot;: true,
    &quot;strict&quot;: true,
    &quot;forceConsistentCasingInFileNames&quot;: true,
    &quot;noFallthroughCasesInSwitch&quot;: true,
    &quot;module&quot;: &quot;esnext&quot;,
    &quot;moduleResolution&quot;: &quot;node&quot;,
    &quot;resolveJsonModule&quot;: true,
    &quot;isolatedModules&quot;: true,
    &quot;noEmit&quot;: true,
    &quot;jsx&quot;: &quot;react-jsx&quot;
  },
  &quot;include&quot;: [
    &quot;src&quot;
  ]
}

```

, and my package.json (default one provided by create-react-app + packages updated) :

```
{
  &quot;name&quot;: &quot;front-office&quot;,
  &quot;version&quot;: &quot;0.1.0&quot;,
  &quot;private&quot;: true,
  &quot;dependencies&quot;: {
    &quot;@testing-library/jest-dom&quot;: &quot;^5.11.6&quot;,
    &quot;@testing-library/react&quot;: &quot;^11.2.2&quot;,
    &quot;@testing-library/user-event&quot;: &quot;^12.2.2&quot;,
    &quot;@types/jest&quot;: &quot;^26.0.15&quot;,
    &quot;@types/node&quot;: &quot;^14.14.9&quot;,
    &quot;@types/react&quot;: &quot;^17.0.0&quot;,
    &quot;@types/react-dom&quot;: &quot;^17.0.0&quot;,
    &quot;bootstrap&quot;: &quot;^4.5.3&quot;,
    &quot;react&quot;: &quot;^17.0.1&quot;,
    &quot;react-bootstrap&quot;: &quot;^1.4.0&quot;,
    &quot;react-dom&quot;: &quot;^17.0.1&quot;,
    &quot;react-scripts&quot;: &quot;4.0.1&quot;,
    &quot;typescript&quot;: &quot;^4.1.2&quot;,
    &quot;web-vitals&quot;: &quot;^1.0.1&quot;
  },
  &quot;scripts&quot;: {
    &quot;start&quot;: &quot;react-scripts start&quot;,
    &quot;build&quot;: &quot;react-scripts build&quot;,
    &quot;test&quot;: &quot;react-scripts test&quot;,
    &quot;eject&quot;: &quot;react-scripts eject&quot;
  },
  &quot;eslintConfig&quot;: {
    &quot;extends&quot;: [
      &quot;react-app&quot;,
      &quot;react-app/jest&quot;
    ]
  },
  &quot;browserslist&quot;: {
    &quot;production&quot;: [
      &quot;&gt;0.2%&quot;,
      &quot;not dead&quot;,
      &quot;not op_mini all&quot;
    ],
    &quot;development&quot;: [
      &quot;last 1 chrome version&quot;,
      &quot;last 1 firefox version&quot;,
      &quot;last 1 safari version&quot;
    ]
  }
}

```

I&#39;m using the latest version of Typescript, and I updated all my packages with ```ncu```, closed/opened VSCode (works sometimes with tsconfig !) and nothing seems to resolve that.

I&#39;m pretty sure it&#39;s a VSCode problem, but I&#39;m running out of ideas about how to resolve that.

Any of you guys got ideas ?


Edit:

If you followed the above steps and VSCode still shows the &quot;*-jsx*&quot; error, make sure you have disabled the &#39;TypeScript God&#39; extension (and any other TS extension until the issue no longer appears).

Content Type	Original Author	Original Content on Stackoverflow
Question	hwkd	View Question on Stackoverflow
Solution 1 - Typescript	Karol Majewski	View Answer on Stackoverflow

Typescript noEmit use case

Typescript Problem Overview

Typescript Solutions

Solution 1 - Typescript

AWS - What are the exact differences between EC2, Beanstalk and LightSail?

Unable to add Firebase Dynamic Links to a project using a custom domain

Attributions