Javascript BokehJS导入在React应用程序中工作不正常
我正在尝试将绘图库BokehJS与使用Javascript BokehJS导入在React应用程序中工作不正常,javascript,reactjs,bokeh,create-react-app,bokehjs,Javascript,Reactjs,Bokeh,Create React App,Bokehjs,我正在尝试将绘图库BokehJS与使用 create-react-app myapp 该库是使用 npm install bokehjs 在myapp/public/index.html文件中,添加了以下行(如用户指南中所述): 没有错误。但是如果我现在尝试访问一些模块的函数/对象,比如 Bokeh.Plot() 或 编译后,浏览器中将显示以下错误: TypeError: undefined is not an object (evaluating 'bokehjs__WEBPACK_IM
create-react-app myapp
该库是使用
npm install bokehjs
在myapp/public/index.html文件中,添加了以下行(如用户指南中所述):
没有错误。但是如果我现在尝试访问一些模块的函数/对象,比如
Bokeh.Plot()
或
编译后,浏览器中将显示以下错误:
TypeError: undefined is not an object (evaluating 'bokehjs__WEBPACK_IMPORTED_MODULE_3___default.a.LinAlg')
如果您能帮助解决此问题,我们将不胜感激
编辑:当脚本包含在html文件中时,浏览器的开发人员工具中的控制台也会显示以下错误:
Failed to load resource: the server responded with a status of 403 ()
它应该是
bokeh-1.4.0
而不是bokeh-1.14.0
在script
链接中
至于css
链接:复制和粘贴以及在浏览器中出现错误,因此看起来这些文件不存在。据我所知,您不再需要这些文件(从BokehV1.3.0开始) 另见关于语篇 但如果您真的需要它们,您可以使用: 及 或 和
我正在运行create react应用程序react 16.12、NPM 6.13.6、Bokeh 2.0、ES6,这对我很有用:
- 使用
npm install@bokeh/BokehJS安装BokehJS
- 在我想要嵌入Bokeh图的模块中:
import{embed}来自“@Bokeh/bokehjs”代码>
- 要在收到来自Axios get请求的响应后嵌入绘图:
embed.embed_项(response.data,'myplot')代码>并在所需位置包含JSX
css
文件了(请参阅更新的答案)。好吧,我不知道。但我不认为这个问题与css文件有关。无论我的index.html文件中是否有这些链接,我在尝试访问页面时都会遇到一个类型错误。只在代码中放置script
链接,清除浏览器捕获,然后尝试console.log(Bokeh)
。上面说什么?但我看到实际上,从“bokehjs”导入Bokeh
是在检查问题。它说,在导入核心BokehJS库之后,还应该导入bokeh-api.js
。
Bokeh.LinAlg
TypeError: undefined is not an object (evaluating 'bokehjs__WEBPACK_IMPORTED_MODULE_3___default.a.LinAlg')
Failed to load resource: the server responded with a status of 403 ()