devoto13
commented
3 years ago I installed FA in Angular 12 progect and it wouldn't render icons.
Our tests indicate that this works. If you are unable to render an icon after following the instructions from the README I would suggest creating a fresh project with ng new, then add minimal code to reproduce the problem, push it on GitHub and share a link. Then we can investigate it and potentially make a fix.
As far as I can see from the log, angular-fontawesome was installed successfully:
50 timing idealTree:node_modules/@fortawesome/angular-fontawesome Completed in 0ms
But NPM failed to fetch the @tailwindcss/colors package:
68 error 404 Not Found - GET https://registry.npmjs.org/@tailwindcss%2fcolors - Not found
Which actually does not exist on the NPM: https://www.npmjs.com/search?q=%40tailwindcss%2Fcolors. If this is the private package then you may be missing some configurations on your machine.
pelx
jlorenzoC
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
`