nx build says Module not found: Error: Can't resolve '@example/ui-comp1'

[sushruth]

Current Behavior

nx build when used with a @nrwl/react:application consuming a @nrwl/react:lib errors out

Expected Behavior

Expecting 0 error

Steps to Reproduce

The following steps were taken to set up a new workspace -

• First run the following commands to set up the workspace
  ps npm i -g [email protected] yarn create nx-workspace --name=example --preset=empty --cli=nx cd example yarn add -D @nrwl/react nx g @nrwl/react:application --name=example-app --style=none --routing=false nx g @nrwl/react:lib --name=ui-comp1 --publishable

• Next edit apps\example-app\src\app\app.tsx file per this diff -

  import React from 'react';
  
  import { ReactComponent as Logo } from './logo.svg';
  import star from './star.svg';
  + import { UiComp1 } from "@example/ui-comp1";
  
  export const App = () => {
  /*
    * Replace the elements below with your own.
    */
  return (
    <div>
  +      <UiComp1 />
      <header className="flex">
        <Logo width="75" height="75" />
        <h1>Welcome to example-app!</h1>
      </header>
      ...
  )
  }
  

Git repo - https://github.com/sushruth/nx-issue-repro

Failure Logs

Starting type checking service...
Using 6 workers with 2048MB memory limit
Hash: a8586d4c8e9e268e229e
Built at: 06/07/2020 12:56:35 PM
Entrypoint main = runtime.js runtime.js.map vendor.js vendor.js.map main.js main.js.map
Entrypoint polyfills = runtime.js runtime.js.map polyfills.js polyfills.js.map
chunk {main} main.js, main.js.map (main) 14.8 KiB ={runtime}= ={vendor}= [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 239 KiB ={runtime}= [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 0 bytes ={main}= ={polyfills}= ={vendor}= [entry] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 1.04 MiB ={main}= ={runtime}= [initial] [rendered] split chunk (cache group: vendor) (name: vendor)

ERROR in ./app/app.tsx
Module not found: Error: Can't resolve '@example/ui-comp1' in 'C:\Users\susastry\source\projects\example\apps\example-app\src\app'

Environment

>  NX  Report complete - copy this into the issue template

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

[montogeek]

What is your root tsconfig.json?

[sushruth]

@montogeek this is how it looks like.

{
  "compileOnSave": false,
  "compilerOptions": {
    "rootDir": ".",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "importHelpers": true,
    "target": "es2015",
    "module": "esnext",
    "typeRoots": ["node_modules/@types"],
    "lib": ["es2017", "dom"],
    "skipLibCheck": true,
    "skipDefaultLibCheck": true,
    "baseUrl": ".",
    "paths": {
      "@example/ui-comp1": ["libs/ui-comp1/src/index.ts"]
    }
  },
  "exclude": ["node_modules", "tmp"]
}

just to add more inormation - nx serve seems to work fine. build is the only one causing this issue.

The repo has all the files for any further inspection.

[sushruth]

Update: using this flag lets the build complete succesfully. I might have overlooked but is this documented somewhere?

nx build --buildLibsFromSource

[sushruth]

Update

1. I found out that --with-deps flag helps build libraries with dependencies. But the error message did not show anything of that sort. So, I think this is the first issue.
2. Running either nx build --with-deps or nx run app:build --with-deps did not build the dependency first so that may be the second issue.

So this issue is actually two issues.

[Gbuomprisco]

I have encountered the same issue, also solved by adding '--buildLibsFromSource' to my build commands

[sushruth]

I have encountered the same issue, also solved by adding '--buildLibsFromSource' to my build commands

Yep that fixed it for me too. Maybe docs could mention this about task.

[treveshan]

I have encountered the same issue, also solved by adding '--buildLibsFromSource' to my build commands

Yep that fixed it for me too. Maybe docs could mention this about task.

Hi can you please provide a sample of your cmd ?