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

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

[tdnl]

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

[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?