featured14 / ngx-twitter-timeline Goto Github PK
View Code? Open in Web Editor NEWAngular Twitter Timeline
Angular Twitter Timeline
Options other then tweetLimits not working
I had this component loaded into my Ionic 4 app earlier this year.
After some Angular and Ionic Cli updates earlier the other month I get the following error and nothing displayed on the page:
zone.js:682 Unhandled Promise rejection: this.params.dataSource.fetch is not a function ; Zone: <root> ; Task: Promise.then ; Value: TypeError: this.params.dataSource.fetch is not a function at e.<anonymous> (timeline.4c6ab682148a0366f9efb1647a3f4799.js:1) at e.hydrate (widgets.js:8) at c.hydrate (widgets.js:8) at widgets.js:8 at Array.forEach (<anonymous>) at widgets.js:8 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:150) at zone.js:889 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195) at drainMicroTaskQueue (zone.js:601) TypeError: this.params.dataSource.fetch is not a function at e.<anonymous> (https://platform.twitter.com/js/timeline.4c6ab682148a0366f9efb1647a3f4799.js:1:14330) at e.hydrate (https://platform.twitter.com/widgets.js:8:28972) at c.hydrate (https://platform.twitter.com/widgets.js:8:23168) at https://platform.twitter.com/widgets.js:8:8257 at Array.forEach (<anonymous>) at https://platform.twitter.com/widgets.js:8:8228 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (http://localhost:8100/polyfills.js:2749:26) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (http://localhost:8100/polyfills.js:2508:43) at http://localhost:8100/polyfills.js:3247:34 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:8100/polyfills.js:2781:31) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (http://localhost:8100/polyfills.js:2553:47) at drainMicroTaskQueue (http://localhost:8100/polyfills.js:2959:35)
as I am currently writing my bachelor's degree on this, I would be really happy if any of you have a solution for the problem. I've googled a lot and couldn't find an event remotely similar error anywhere.
Here is my ionic info output for reference as well:
``
Ionic:
ionic (Ionic CLI) : 4.12.0
Ionic Framework : @ionic/angular 4.3.0
@angular-devkit/build-angular : 0.13.8
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.3.8
@ionic/angular-toolkit : 1.5.1
Cordova:
cordova (Cordova CLI) : 9.0.0 ([email protected])
Cordova Platforms : android 8.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 13 other plugins)
System:
NodeJS : v10.15.0 (C:\Development\nodejs\node.exe)
npm : 6.8.0
OS : Windows 10
``
I am getting the following error while used with Angular 6: -
ERROR in node_modules/ngx-twitter-timeline/twitter-timeline.service.d.ts(1,10): error TS2305: Module '"/home/xxxx/Documents/Projects/xxxx/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Observable'.
Could you please suggest me a solution?
Hello,
Let start with thanking you about this nice soultion !
i'm trying to upgrade my project angular version; and i'm having the below dependencies issuues
Package "ngx-twitter-timeline" has an incompatible peer dependency to "@angular/core" (requires "^7.2.0" (extended), would install "9.1.11").
Package "ngx-twitter-timeline" has an incompatible peer dependency to "@angular/common" (requires "^7.2.0" (extended), would install "9.1.11").
Could you please update tp angular 8, 9 & 10 please ?
Hi there,
Your peer dependency range for Angular is fairly restrictive, and causing build warnings on a project I'm working on search.maven.org
. Is there any way to move these to Angular 8?
https://search.maven.org/resources
We use the component on that page, and we are running Angular 8.2.3, and it's working fine. It'd be nice to squelch the build warnings for sure.
Thanks!
Is there a way that we can stop links from the embedded timeline from opening and taking over the app?
I am using this library in my Ionic 4 app and currently if you tap on the timeline on a mobile device, Twitter takes over the app. See the gif below for a recording of what's happening.
Is this repo getting updated still or is it dead? I notice there has been a issue open for a while with no comments or anything.
I would like to have this updated for Angular 6, #6
It shouldn't be hard to update this, but I also see the PR #8 has been open for a while as well
If you are not looking to keep this updated, I would be happy to take over.
Right now if the input url changes, the component does not update. The lifecycle method should be changed so we don't have to completely re-instantiate the component to get it to update.
I tried to set height for - .timeline-Viewport class but its not working
.SandboxRoot.var-fully-expanded .timeline-Viewport {
height: 400px
}
Upon install the package warns of requiring a peer dependency of @angular/core@^4.0.0. However, from looking at your root package.json, it seems you defined the devDependcies of @angular to be ^5.0.0. Shouldn't the dev and peer dependencies match versions between the two libraries?
I am trying to embed hashtags into it. And i see the following error:
Unhandled Promise rejection: this.params.dataSource.fetch is not a function ; Zone: ; Task: Promise.then ; Value: TypeError: this.params.dataSource.fetch is not a function
@ABD-DEV Need help on this
I am trying to use this in my Ionic app but I am forced to whitelist URLs that the app can call... Currently I have to whitelist all URLs to use this library. Can I get a list of API urls that are called by this library so I can white list them?
Hi @ABD-DEV ,
I have this error:
app_1 | ERROR in ./node_modules/ngx-twitter-timeline/index.js app_1 | Module not found: Error: Can't resolve 'rxjs/Observable' in '/usr/src/app/node_modules/ngx-twitter-timeline'
Version:
Error :
ERROR in Error during template compile of 'AppModule'
Function calls are not supported in decorators but 'NgxTwitterTimelineModule' was called.
src/app/app.module.ts: error TS2339: Property 'forRoot' does not exist on type 'typeof NgxTwitterTimelineModule'.
to use .forRoot()
in Angular 5 project, we should use 0.1.4 version.
I think this should have mentioned in README file.
You can check following link for new angular versions.
https://www.npmjs.com/package/angular-twitter-timeline
<angular-twitter-timeline
[data]="{sourceType: 'profile', url: 'mastercreagertv'}"
[opts]="{tweetLimit: 5}"
></angular-twitter-timeline>
sandbox not initialized
Script throws error when current route that initialized the component is navigated away from. No trigger or on destroy in documentation to stop it from loading the underlying js script.
data-lang="tr"
I am using" ngx-twitter-timeline" in my web page which is written in angular 6. I am trying to create a Mat-tab in my page and one of the tab has this twitter embed.
<ngx-twitter-timeline [data]="{sourceType: 'url', url: 'someTwitterUrl" [opts]="{tweetLimit: 5}">
When i load the page for the first time it is working fine. But if i go to the next tab and get back to this twitter tab the tweets are disappeared.
Kindly help me to resolve this.
Hi,
is it possible to display a protected twitter timeline? It's not mentioned.
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.