jaychase / angular2-disqus Goto Github PK
View Code? Open in Web Editor NEWA DISQUS integration for Angular2
License: MIT License
A DISQUS integration for Angular2
License: MIT License
Hi, how you tried to implement this into an ionic 2 app? I've imported the module, but all I get is the 'comments powered by Disqus' link, and nothing else. There are no errors to debug missing comments. Could you please provide some help with this?
EDIT: Just to clarify what are the page-identifiers and page-url? I've used disqus on my website, and I've had to pass two variables - disqus shortname and disqus identifier, aka slug. Are those the same thing?
Thank you
Requesting support for the advanced options of disqus_config to be added.
shortname
this.page.identifier
this.page.title
this.page.url
this.page.category_id
Thanks @JayChase for your work, it works after integration to my app.
One thing I noticed it always showed error message below once the app started.
embed.js:28 Uncaught TypeError: Cannot read property 'appendChild' of null
at n (embed.js:28)
at Object.p [as isSerif] (embed.js:28)
at h.i.toJSON (embed.js:28)
at Object.c.loadEmbed [as _loadEmbed] (embed.js:29)
at embed.js:29
n @ embed.js:28
p @ embed.js:28
i.toJSON @ embed.js:28
c.loadEmbed @ embed.js:29
(anonymous) @ embed.js:29
I also checked your demo by opening the browser debug window, it has the same issue.
$ng serve
-> blog/node_modules/angular2-disqus/lib/disqus.module"' has no exported member 'DisqusService'.
Using the default installation of angular2-cli (ng new foo). The module is not loaded.
Module import.
import { DisqusService, DisqusThreadComponent } from '../../node_modules/angular2-disqus';
and angular2-cli.json
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": [
"assets",
"favicon.ico"
],
"packages": [
"node_modules/angular2-disqus/lib"
],
But, not yet success
I have a problem with angular2-disqus. When I include DisqusModule I have this errror:
zone.js:260Uncaught TypeError: uri.match is not a function_split @ url_resolver.js:238getUrlScheme @ url_resolver.js:80componentModuleUrl @ metadata_resolver.js:750CompileMetadataResolver.getDirectiveMetadata @ metadata_resolver.js:155(anonymous function) @ metadata_resolver.js:267CompileMetadataResolver.getNgModuleMetadata @ metadata_resolver.js:260(anonymous function) @ metadata_resolver.js:252CompileMetadataResolver.getNgModuleMetadata @ metadata_resolver.js:239(anonymous function) @ metadata_resolver.js:252CompileMetadataResolver.getNgModuleMetadata @ metadata_resolver.js:239RuntimeCompiler._compileComponents @ runtime_compiler.js:150RuntimeCompiler._compileModuleAndComponents @ runtime_compiler.js:72RuntimeCompiler.compileModuleAsync @ runtime_compiler.js:49PlatformRef_._bootstrapModuleWithZone @ application_ref.js:368PlatformRef_.bootstrapModule @ application_ref.js:361main @ main.ts:16(anonymous function) @ main.ts:37ZoneDelegate.invokeTask @ zone.js:356Zone.runTask @ zone.js:256ZoneTask.invoke @ zone.js:423
I'm trying to install angular2-disqus on plain Angular2 setup made with the angular-cli (1.0.0-beta.21) and receiving following error:
Unhandled Promise rejection: Zone.assertZonePatched is not a function ; Zone: <root> ; Task: Promise.then ; Value: TypeError: Zone.assertZonePatched is not a function
During installation I received warnings:
├── [email protected]
├── UNMET PEER DEPENDENCY [email protected]
└── UNMET PEER DEPENDENCY [email protected]
Do I need to have some specific versions of rxjs and zone to make it work or is the module error related to something else?
Hi @JayChase ,
As displayed here
Can you please hide it or move it to the bottom area of the discussion, it is a link and so easily to be clicked. Just like that implemented by ngx-disqus
thanks
-John
is this working with angular 4?
i just did the same steps and i got this error
inline template:163:90 caused by: DISQUS is not
angular v : 2.4.10
Hi,
I'm using your plugin here ( on both pages ) but it loads the same comments everywhere:
https://samvloeberghs.be/posts/whats-with-the-subjects-in-rxjs5
https://samvloeberghs.be/posts/scroll-to-top-on-angular2-router-navigation
Any idea?
Kind regards
Sam V.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.