Compile failure with Next app using typescript functions from .ts file

[tdnl]

Prerequisites

Please answer the following questions for yourself before submitting an issue.
YOU MAY DELETE THE PREREQUISITES SECTION.

• I am running the latest version
• I checked the documentation (nx.dev) and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (not related to React, Angular or any dependency)

Expected Behavior

Next app page should render using utils functions from a .ts file.

Current Behavior

The page displays a "Failed to compile" error

Failure Information (for bugs)

/Users/thomas/GitHub/myorg/libs/mydirectory/utils/src/lib/mydirectory-utils.ts 1:24
Module parse failed: Unexpected token (1:24)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> export function random(): number {
|   return Math.round(Math.random() * 10);
| }

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. Generate a Next.js app (nx g @nrwl/next:app myapp)
2. Generate a utils workspace library (nx g @nrwl/workspace:lib utils --directory=mydirectory)
3. Implement some utils function with TypeScript types in generated library
4. Use util function in next app page.

Here is a repository with an example: https://github.com/tdnl/nx-test

After cloning and installing the dependencies, run nx serve myapp to see the error.

Note that if we rename the utils file from .ts to .tsx, the page will load correctly.

Context

Please provide any relevant information about your setup:

  @nrwl/angular : Not Found
  @nrwl/cli : 8.9.0
  @nrwl/cypress : 8.9.0
  @nrwl/eslint-plugin-nx : 8.9.0
  @nrwl/express : Not Found
  @nrwl/jest : 8.9.0
  @nrwl/linter : 8.9.0
  @nrwl/nest : Not Found
  @nrwl/next : 8.9.0
  @nrwl/node : Not Found
  @nrwl/react : 8.9.0
  @nrwl/schematics : Not Found
  @nrwl/tao : 8.9.0
  @nrwl/web : 8.9.0
  @nrwl/workspace : 8.9.0
  typescript : 3.5.3

[Aleksion]

I'm experiencing the exact same thing.... Seems I have to change everything to .tsx files

[etiennecl]

I'm also experiencing the same thing. Kind of a bummer has I was starting to migrate our current monorepo project to nx and all our lib files are using .ts

[tdnl]

Finally able to investigate the issue. Seems to be working, that was an easy fix 🙂

[etiennecl]

Will this be released in patch version soon?

[dacarley]

I am also affected by this - what is the ETA for a fix making it into a release?

[Hemadridasari1505]

Finally able to investigate the issue. Seems to be working, that was an easy fix 🙂

Your comment doesn't make sense at all unless you let everyone know how did you fix that.

[tdnl]

Finally able to investigate the issue. Seems to be working, that was an easy fix 🙂

Your comment doesn't make sense at all unless you let everyone know how did you fix that.

Have you tried looking at the pull request linked just above the message from 2020?

[github-actions]

This issue has been closed for more than 30 days. If this issue is still occuring, please open a new issue with more recent context.