Comments (7)
I am not sure if it will be related with your module. I am checking. Letting you know what I figure it out ;)
from react-tradingview-widget.
Thanks! I'm planning on looking at server side rendering this afternoon, then I'll look at this issue too.
My guess is that I've made a mistake in the example, but I'm not sure 😄
from react-tradingview-widget.
@monaLeti @rafaelklaessen Did either of you ever find a fix for this error? I just encounter the same issue, and would love some insight
from react-tradingview-widget.
Nope, but if you could provide steps for reproduction, that would be really useful
from react-tradingview-widget.
@rafaelklaessen
I'm not sure if it's an issue with your package, or if tradingview changed something on their end, but result seems to be replicated in this codepen.
Uncaught TypeError: Cannot read property 'pop' of null
embed_widget.45dc9d1b9e07c94fa54e.js:316
at Object._decodeParams (embed_widget.45dc9d1b9e07c94fa54e.js:316)
at Object._decodeConnectionStatus (embed_widget.45dc9d1b9e07c94fa54e.js:318)
at Object._init (embed_widget.45dc9d1b9e07c94fa54e.js:316)
at embed_widget.45dc9d1b9e07c94fa54e.js:318
at Object.TxTq (embed_widget.45dc9d1b9e07c94fa54e.js:319)
at c (runtime.e42e9b488826e2eb365d.js:1)
at Object. (embed_widget.45dc9d1b9e07c94fa54e.js:246)
at Object.LBej (embed_widget.45dc9d1b9e07c94fa54e.js:247)
at c (runtime.e42e9b488826e2eb365d.js:1)
at Object. (embed_widget.45dc9d1b9e07c94fa54e.js:512)
The codepen has some additional errors (blocked by client), but I'm receiving the same error on our localhost, stage, and app sites (minus the "ERR_BLOCKED_BY_CLIENT" error), and the result is the same (an empty container with a spinning loading bar)
Here's the stripped down component to replicate the error in react:
import React from "react";
import TradingViewWidget, { Themes, BarStyles, IntervalTypes, RangeTypes} from "react-tradingview-widget";
const ChartPanel = () => {
return (
<TradingViewWidget
symbol={`BINANCE:BTCUSDT`}
locale="en"
height={550}
width={500}
hide_side_toolbar={false}
withdateranges={true}
interval="D"
timezone="Etc/PST"
theme={Themes.LIGHT}
style={"1"}
/>
)
}
export default ChartPanel;
To be clear, I've had your tradingview-widget installed and working for months (it's great!), and am just encountering the error today - so I'm still trying to figure out sort out the root cause
from react-tradingview-widget.
@rafaelklaessen Ugh. Went down a rabbit hole when I should have just restarted Chrome. The error must have come from something weird in the browser cache, and it was working just fine in safari and mobile. After rebooting, it worked fine in chrome as well. Sorry for the diversion!
from react-tradingview-widget.
Ah, that's great to hear. Good to know this long-standing issue isn't one with the package itself.
Thank you for your effort and for tracking this down!
from react-tradingview-widget.
Related Issues (20)
- Next.js, silently fails on page refresh. HOT 3
- Drawing tools sidebar won't render HOT 1
- Grid lines and Volume HOT 2
- Issues when loading component
- Custom data feed HOT 2
- ...Closed
- Module not found
- Customize background color HOT 3
- 'const' usin in Typescript files
- Search Symbol
- Autoresize to parent window size is not working
- Widget Types HOT 1
- Widget settings parse error: SyntaxError: Unexpected end of JSON input
- i want to change the position of trading view logo where attribution link is behind it but i don't get any property HOT 2
- react v17?
- paneProperties.background not working
- bug in ETH-DAI chart
- Change background color of chart
- @rafaelklaessen It Works! Thanks!! HOT 1
- Chart not loading HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-tradingview-widget.