Angular-fontawersome package issues with Angular 12.

I installed FA in Angular 12 progect and it wouldn’t render icons. I decided to try Angular 11 project.

I couldn’t even install it… The project uses tailwindcss. The log: `verbose cli [ 0 verbose cli ‘C:\Program Files\nodejs\node.exe’, 0 verbose cli ‘C:\Users\Laura\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js’, 0 verbose cli ‘install’, 0 verbose cli ‘@fortawesome/angular-fontawesome@0.8.2’, 0 verbose cli ‘–quiet’ 0 verbose cli ] 1 info using npm@7.14.0 2 info using node@v14.15.3 3 timing npm:load:whichnode Completed in 1ms 4 timing config:load:defaults Completed in 1ms 5 timing config:load:file:C:\Users\Laura\AppData\Roaming\npm\node_modules\npm\npmrc Completed in 1ms 6 timing config:load:builtin Completed in 1ms 7 timing config:load:cli Completed in 1ms 8 timing config:load:env Completed in 1ms 9 timing config:load:file:C:\dev_dev\atmovement.npmrc Completed in 1ms 10 timing config:load:project Completed in 1ms 11 timing config:load:file:C:\Users\Laura.npmrc Completed in 0ms 12 timing config:load:user Completed in 0ms 13 timing config:load:file:C:\Users\Laura\AppData\Roaming\npm\etc\npmrc Completed in 1ms 14 timing config:load:global Completed in 1ms 15 timing config:load:validate Completed in 0ms 16 timing config:load:credentials Completed in 1ms 17 timing config:load:setEnvs Completed in 1ms 18 timing config:load Completed in 8ms 19 timing npm:load:configload Completed in 9ms 20 timing npm:load:setTitle Completed in 0ms 21 timing npm:load:setupLog Completed in 1ms 22 timing npm:load:cleanupLog Completed in 2ms 23 timing npm:load:configScope Completed in 0ms 24 timing npm:load:projectScope Completed in 1ms 25 timing npm:load Completed in 14ms 26 timing config:load:flatten Completed in 3ms 27 timing arborist:ctor Completed in 1ms 28 timing idealTree:init Completed in 644ms 29 timing idealTree:userRequests Completed in 5ms 30 silly idealTree buildDeps 31 silly fetch manifest @fortawesome/angular-fontawesome@0.8.2 32 http fetch GET 304 https://registry.npmjs.org/@fortawesome%2Fangular-fontawesome 1106ms (from cache) 33 silly fetch manifest @angular/core@~11.2.0 34 http fetch GET 304 https://registry.npmjs.org/@angular%2Fcore 610ms (from cache) 35 silly fetch manifest rxjs@~6.6.0 36 http fetch GET 304 https://registry.npmjs.org/rxjs 1018ms (from cache) 37 silly fetch manifest zone.js@~0.11.3 38 http fetch GET 304 https://registry.npmjs.org/zone.js 1532ms (from cache) 39 silly fetch manifest @fortawesome/fontawesome-svg-core@^1.2.27 40 http fetch GET 304 https://registry.npmjs.org/@fortawesome%2Ffontawesome-svg-core 13168ms (from cache) 41 silly fetch manifest @tailwindcss/colors@latest 42 http fetch GET 404 https://registry.npmjs.org/@tailwindcss%2Fcolors 50ms 43 http fetch GET 404 https://registry.npmjs.org/@tailwindcss%2Fcolors 66ms 44 silly placeDep ROOT @fortawesome/angular-fontawesome@0.8.2 OK for: atmovement@0.0.0 want: 0.8.2 45 silly placeDep ROOT @fortawesome/fontawesome-svg-core@1.2.35 OK for: @fortawesome/angular-fontawesome@0.8.2 want: ^1.2.27 46 silly placeDep ROOT @tailwindcss/colors@ OK for: atmovement@0.0.0 want: latest 47 silly fetch manifest @fortawesome/fontawesome-common-types@^0.2.35 48 http fetch GET 304 https://registry.npmjs.org/@fortawesome%2Ffontawesome-common-types 151ms (from cache) 49 timing idealTree:#root Completed in 17744ms 50 timing idealTree:node_modules/@fortawesome/angular-fontawesome Completed in 0ms 51 silly placeDep ROOT @fortawesome/fontawesome-common-types@0.2.35 OK for: @fortawesome/fontawesome-svg-core@1.2.35 want: ^0.2.35 52 timing idealTree:node_modules/@fortawesome/fontawesome-svg-core Completed in 2ms 53 timing idealTree:node_modules/@fortawesome/fontawesome-common-types Completed in 0ms 54 timing idealTree:node_modules/@tailwindcss/colors Completed in 0ms 55 timing idealTree:buildDeps Completed in 17748ms 56 timing idealTree:fixDepFlags Completed in 25ms 57 timing idealTree Completed in 18422ms 58 timing command:install Completed in 18428ms 59 verbose stack HttpErrorGeneral: 404 Not Found - GET https://registry.npmjs.org/@tailwindcss%2Fcolors - Not found 59 verbose stack at C:\Users\Laura\AppData\Roaming\npm\node_modules\npm\node_modules\npm-registry-fetch\check-response.js:134:15 59 verbose stack at processTicksAndRejections (internal/process/task_queues.js:93:5) 59 verbose stack at async Arborist.[nodeFromEdge] (C:\Users\Laura\AppData\Roaming\npm\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:934:19) 59 verbose stack at async Arborist.[buildDepStep] (C:\Users\Laura\AppData\Roaming\npm\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:880:11) 59 verbose stack at async Arborist.buildIdealTree (C:\Users\Laura\AppData\Roaming\npm\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\build-ideal-tree.js:218:7) 59 verbose stack at async Promise.all (index 1) 59 verbose stack at async Arborist.reify (C:\Users\Laura\AppData\Roaming\npm\node_modules\npm\node_modules@npmcli\arborist\lib\arborist\reify.js:136:5) 59 verbose stack at async Install.install (C:\Users\Laura\AppData\Roaming\npm\node_modules\npm\lib\install.js:150:5) 60 verbose statusCode 404 61 verbose pkgid @tailwindcss/colors@latest 62 verbose cwd C:\dev_dev\atmovement 63 verbose Windows_NT 10.0.19042 64 verbose argv “C:\Program Files\nodejs\node.exe” “C:\Users\Laura\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js” “install” “@fortawesome/angular-fontawesome@0.8.2” “–quiet” 65 verbose node v14.15.3 66 verbose npm v7.14.0 67 error code E404 68 error 404 Not Found - GET https://registry.npmjs.org/@tailwindcss%2Fcolors - Not found 69 error 404 70 error 404 ‘@tailwindcss/colors@latest’ is not in the npm registry. 71 error 404 You should bug the author to publish it (or use the name yourself!) 72 error 404 Note that you can also install from a 73 error 404 tarball, folder, http url, or git url. 74 verbose exit 1

`

[devoto13]

@jlorenzoC I think what you are missing is to build the angular-fontawesome library before you attempt to run the demo application. Please refer to the developer documentation for information on how to develop the library.

[pelx]

Hi Yaroslav,

I only wanted to help. Your package doesn’t work if an app has more than one module. I will replicate in a new app and send link to you.

regards

Laura

------ Original Message ------ From: “Yaroslav Admin” @.> To: “FortAwesome/angular-fontawesome” @.> Cc: “Laura” @.>; “Author” @.> Sent: Wednesday, 2 Jun, 21 At 19:56 Subject: Re: [FortAwesome/angular-fontawesome] Angular 11 installation failed (#306)

Of course. You are free to use whichever tool works best for you. I’m going to close this issue as everything works as intended in the new project and the issue is not actionable without a reproduction of the problem. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/FortAwesome/angular-fontawesome/issues/306#issuecomment-853306623 , or unsubscribe https://github.com/notifications/unsubscribe-auth/AC7ORGS47TUVYGIY2DVP3LTTQZ5ENANCNFSM45ZGJTLQ .