Closed Ambitiont109 closed 4 years ago
It seems that the errors thrown is caused by FontAwesome package, did you install the package?
Yes. I already installed them. I can see the share buttons on the web browser. However, I get such an error in the console. If you wish, I can upload the full project. Have you ever used share-buttons on SSR with Angular 9? Best Regards.
I haven't tested the beta release yet in SSR. Can you upload the project and give me the link
angular9-starter.zip I uploaded the angular9-starter.zip you can test by following command. npm install
You didn't mention that the app is working properly, the icons is shown without errors in the browser, the errors show only in the express console.
The code in ngx-sharebuttons source code looks fine, I have reported this to Angular FontAwesome repo, let's see what they say!
So, Is it related to the Angular FontAwesome Repository?
and what is this Warning: Entry point 'ngx-sharebuttons/icons' contains deep imports into 'C:/Users/Ambition/Downloads/angular9-starter/node_modules/@fortawesome/free-brands-svg-icons/faFacebookF' Is it also related to the FontAwesome Repository
See ShareIconModule in ngx-sharebuttons/icons
If you like you can remove this module, and include the icons manually in your app, but you will still get the same errors in the console. the error is in fa-icon
component itself, not from this package
@Ambitiont109 I've published a new release ngx-sharebuttons@8.0.0-beta.6
, please try it and confirm that it solved the issue
Then Do we also have to raise the issue in fa-icon packages?
@Ambitiont109 I've published a new release
ngx-sharebuttons@8.0.0-beta.6
, please try it and confirm that it solved the issue
OKay. I see. Let me try right now.
Hello! I have tried again. And got the below issue.
ERROR Error: Property icon
is required for fa-icon
/fa-duotone-icon
components.
at faWarnIfIconSpecMissing (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:107755:11)
at FaIconComponent.ngOnChanges (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:107838:20)
at FaIconComponent.wrapOnChangesHook_inPreviousChangesStorage (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:73774:18)
at callHook (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52968:14)
at callHooks (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52928:17)
at executeInitAndCheckHooks (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52868:9)
at refreshView (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:59357:21)
at refreshEmbeddedViews (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:60735:17) at refreshView (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:59366:9)
at refreshEmbeddedViews (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:60735:17)
ERROR Error: Property icon
is required for fa-icon
/fa-duotone-icon
components.
at faWarnIfIconSpecMissing (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:107755:11)
at FaIconComponent.ngOnChanges (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:107838:20)
at FaIconComponent.wrapOnChangesHook_inPreviousChangesStorage (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:73774:18)
at callHook (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52968:14)
at callHooks (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52928:17)
at executeInitAndCheckHooks (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52868:9)
at refreshView (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:59357:21)
at refreshEmbeddedViews (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:60735:17) at refreshView (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:59366:9)
Hello I tried to run your demo code, however, It didn't work. Can we check together on teamviewer? Best regards.
@Ambitiont109 I have tried it and it worked on my end, can you please try with this repo, I've added Universal to the demo.
After cloning the repo, try the following:
git checkout releave/v8
npm run build
npm run link-lib
npm run build:ssr
npm run serve:ssr
Please ignore any warnings for now! let's make sure the errors are disappeared
Hello I checked your repository. And It doesn't get any error. I will check my repository again! I would much appreciate it if you also can check it on your side.
Hello.
Don't you know why It gets error on my project?
I used
I fixed it now, will release v8.0.0
Okay. I see.
Hello
Have you tested with the below command?
npm run build:ssr & npm run serve:ssr
I used 8.0.0 ngx-sharebuttons in my blank project(I already sent you above)
However, I got the below errors.
ode Express server listening on http://localhost:4000
ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'ngsw-worker.js'
Error: Cannot match any routes. URL Segment: 'ngsw-worker.js'
at router_ApplyRedirects.noMatchError (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:3952159)
at CatchSubscriber.selector (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:3951815)
at CatchSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:1215693)
at MapSubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477)
at MapSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969262)
at MapSubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477)
at MapSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969262)
at MapSubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477)
at MapSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969262)
at ThrowIfEmptySubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477)
at resolvePromise (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:2195888)
at resolvePromise (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:2194865)
at C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:2197692
at ZoneDelegate.invokeTask (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:2186992)
at Object.onInvokeTask (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:2672712)
at ZoneDelegate.invokeTask (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:2186882)
at Zone.runTask (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:2179557)
at drainMicroTaskQueue (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:2190600)
at ZoneTask.invokeTask (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:2188641)
at ZoneTask.options.useG.invoke (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:2188406) {
rejection: Error: Cannot match any routes. URL Segment: 'ngsw-worker.js'
at router_ApplyRedirects.noMatchError (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:3952159)
at CatchSubscriber.selector (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:3951815)
at CatchSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:1215693)
at MapSubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477)
at MapSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969262)
at MapSubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477)
at MapSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969262)
at MapSubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477)
at MapSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969262)
at ThrowIfEmptySubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477),
promise: ZoneAwarePromise [Promise] {
zone_symbolstate: 0,
zone_symbolvalue: Error: Cannot match any routes. URL Segment: 'ngsw-worker.js'
at router_ApplyRedirects.noMatchError (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:3952159)
at CatchSubscriber.selector (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:3951815)
at CatchSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:1215693)
at MapSubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477)
at MapSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969262)
at MapSubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477)
at MapSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969262)
at MapSubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477)
at MapSubscriber.error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969262)
at ThrowIfEmptySubscriber._error (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:1:969477)
},
zone: Zone {
_parent: Zone {
_parent: null,
_name: '
I am submitting a
What is the expected behavior?
No Errors
What is the current behavior?
icon
is required forfa-icon
/fa-duotone-icon
components. at faWarnIfIconSpecMissing (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:107755:11) at FaIconComponent.ngOnChanges (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:107838:20) at FaIconComponent.wrapOnChangesHook_inPreviousChangesStorage (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:73774:18) at callHook (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52968:14) at callHooks (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52928:17) at executeInitAndCheckHooks (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52868:9) at refreshView (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:59357:21) at refreshEmbeddedViews (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:60735:17) at refreshView (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:59366:9) at refreshComponent (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:60789:13)ERROR Error: Property
icon
is required forfa-icon
/fa-duotone-icon
components. at faWarnIfIconSpecMissing (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:107755:11) at FaIconComponent.ngOnChanges (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:107838:20) at FaIconComponent.wrapOnChangesHook_inPreviousChangesStorage (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:73774:18) at callHook (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52968:14) at callHooks (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52928:17) at executeInitAndCheckHooks (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:52868:9) at refreshView (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:59357:21) at refreshEmbeddedViews (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:60735:17) at refreshView (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:59366:9) at refreshComponent (C:\Users\Ambition\Downloads\angular9-starter\dist\angular9-starter\server\main.js:60789:13)What are the steps to reproduce?
What is the use-case or motivation for changing an existing behavior?
Which versions are you using for the following packages?
Angular CLI: 9.1.7 Node: 12.13.0 OS: win32 x64
Angular: 9.1.9 ... animations, common, compiler, compiler-cli, core, forms ... language-service, platform-browser, platform-browser-dynamic ... platform-server, router Ivy Workspace: Yes
Package Version
@angular-devkit/architect 0.901.7 @angular-devkit/build-angular 0.901.7 @angular-devkit/build-optimizer 0.901.7 @angular-devkit/build-webpack 0.901.7 @angular-devkit/core 9.1.7 @angular-devkit/schematics 9.1.7 @angular/cdk 9.2.4 @angular/cli 9.1.7 @ngtools/webpack 9.1.7 @nguniversal/builders 9.1.1 @nguniversal/common 9.1.1 @nguniversal/express-engine 9.1.1 @schematics/angular 9.1.7 @schematics/update 0.901.7 rxjs 6.5.5 typescript 3.8.3 webpack 4.42.0
Is there anything else we should know?
I just created the new blank angular 9 projects and added the ShareButtonsModule.withConfig({debug:true}), ShareIconsModule on app.module.ts.
And Used share-button simply on app.compoent.html. Here is the raw data of app.compoent.html