Scoped packages throw compilation errors

When I try to compile an application for production that uses a library which has an NPM scope, it throws errors and fails.

Reproduction Steps

1. Create a new library: mkdir lib, cd lib, and yo angular2-library
2. Generate a new clean angular app with angular-cli: ng new app-seed
3. Modify your library package.json (the one in src, or the dist folder) to be scoped: "name": "@aaa/lib",
4. Perform an NPM link of your library: npm link and then inside your app: npm link @aaa/lib
5. Run ng build --prod --aot and see the console error below. Commands ng serve and ng build work well.

You can also clone this repo and jump to step 3.

Error

ERROR in C:/Users/jherrera/repos/PROD-ISSUE3/app-seed/src/$$_gendir/app/app.component.ngfactory.ts (1,1): Cannot find module 'lib'.

ERROR in C:/Users/jherrera/repos/PROD-ISSUE3/app-seed/src/$$_gendir/node_modules/@aaa/lib/lib.ngfactory.ts (1,1): Cannot find module 'lib'.

ERROR in C:/Users/jherrera/repos/PROD-ISSUE3/app-seed/src/$$_gendir/app/app.module.ngfactory.ts (1,1): Cannot find module 'lib'.

ERROR in C:/Users/jherrera/repos/PROD-ISSUE3/app-seed/src/$$_gendir/app/app.module.ngfactory.ts (1,1): Cannot find module 'lib'.

ERROR in C:/Users/jherrera/repos/PROD-ISSUE3/app-seed/src/$$_gendir/app/app.component.ngfactory.ts (1,1): Cannot find module 'lib'.

ERROR in ./src/$$_gendir/app/app.module.ngfactory.ts
Module not found: Error: Can't resolve 'lib' in 'C:\Users\jherrera\repos\PROD-ISSUE3\app-seed\src\$$_gendir\app'
 @ ./src/$$_gendir/app/app.module.ngfactory.ts 23:0-31
 @ ./src/main.ts
 @ multi ./src/main.ts

ERROR in ./src/$$_gendir/app/app.component.ngfactory.ts
Module not found: Error: Can't resolve 'lib' in 'C:\Users\jherrera\repos\PROD-ISSUE3\app-seed\src\$$_gendir\app'
 @ ./src/$$_gendir/app/app.component.ngfactory.ts 10:0-31
 @ ./src/$$_gendir/app/app.module.ngfactory.ts
 @ ./src/main.ts
 @ multi ./src/main.ts

ERROR in C:/Users/jherrera/repos/PROD-ISSUE3/app-seed/src/$$_gendir/node_modules/@aaa/lib/lib.ngfactory.ts (1,1): Cannot find module 'lib'.

ERROR in ./src/$$_gendir/~/@aaa/lib/lib.ngfactory.ts
Module not found: Error: Can't resolve 'lib' in 'C:\Users\jherrera\repos\PROD-ISSUE3\app-seed\src\$$_gendir\node_modules\@aaa\lib'
 @ ./src/$$_gendir/~/@aaa/lib/lib.ngfactory.ts 18:0-31
 @ ./src/$$_gendir/app/app.component.ngfactory.ts
 @ ./src/$$_gendir/app/app.module.ngfactory.ts
 @ ./src/main.ts
 @ multi ./src/main.ts

Environment

• NPM: 4.5.0
• Node: 7.9.0
• Angular CLI: 1.0.0
• Generator-angular2-libary: 9.0.0
• OS: Windows 10

[jdjuan]

Nevermind I just fixed. It turns out that whenever you are creating scoped packages you want to update the package name in the package.json like this:

"name": "@aaa/lib"

AND, you also need to update flatModuleId in your tsconfig.es5.json, like this:

"flatModuleId": "@aaa/lib"

Once you do that, you have scoped packages working correctly.

PS: We can close this now, but don’t you think it is worth creating a wiki page for people who want to create scoped packages with this generator? I really spend a few days trying to figure it out @jvandemo

[DaveMonag]

Thanks so much for this @jdjuan ! I’d tried the same fix before but I’d made the mistake of changing the “flatModuleOutFile” to include the scope too, which stopped it from building. Anyone else that made the same mistake, ONLY change “name” and “flatModuleId”, you don’t need to change “flatModuleOutFile”.