在vscode中使用webpack中安装的echarts文件失败,dom获取class名,图表不显示
2020-02-06 19:30
246 查看
所有的东西都是新学的,所以遇到了很多问题:
(1)首先,在电脑上已经安装了node的情况下,
在npm中安装echarts:npm install echarts --save
mac系统在最前面加上sudo来获取权限;
然后,就是直接宕下来的代码块:
var echarts = require('echarts'); // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 绘制图表 myChart.setOption({ title: { text: 'ECharts 入门示例' }, tooltip: {}, xAxis: { data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] });最后,又在vscode中下载了open in brower的插件,之后在浏览器上预览;
结果,什么都没有,出了问题。
在浏览器上查看调出console,提示我require is not defined;
然后百度了下好像是说没在node环境下运行,然后搞了半天也没搞懂;问题暂时搁置了,没解决;
(2)为了测试下不是代码的问题,我重新开始写了一段,由于平时习惯用class名的缘故,我将上文中的id改成了class,结果网页加载不显示图表,换成id,可以;
这就很尴尬了,想不通为啥,问题也没解决。不知道有没有大神帮忙看看到底是什么问题。
[/code]
转载于:https://www.cnblogs.com/zspersonal/p/8854887.html
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 记录下遇到到前端VUE 使用ui时间选择器获取后台数据,更新echarts图表的输出显示到html
- 使用npm安装webpack失败时,可能被墙要为cmd命令行设置代理
- server 2003 安装 VS 2003 遇到的问题 :安装frontpage 2000 web 客户端 和 安装程序运行时文件 失败
- coreldraw 12安装成功后使用不了,显示“未能创建DOM文件,没有注册类别,校正MSXML4 安装”
- Wabpack系列:在webpack+vue开发环境中使用echarts导致编译文件过大怎么办?
- WebView使用(内存泄露+获取网页标题+js交互+调用浏览器下载文件+网页加载失败+清缓存)
- 如何读取EXCEL 表格文件并使他在WEB网页上显示(使用ASP.NET)
- vs 2008 中文版安装“Visual Studio Web 创作组件”安装失败的解决
- 如何使用vs对程序进行打包?怎么通过注册表获取安装路径?
- C#在WinForm下使用HttpWebRequest上传文件并显示进度
- android webview 使用js加载json文件失败
- C#串口采集短信GSM chart图表使用示例 保存数据到access数据库和每日.txt文件并实时显示各参数曲线
- VS无法打开项目文件“Web.csproj” -此安装不支持该项目类型问题解决方案
- vs2003 打开VS.NET项目时遇到 “无法从web服务器获取项目文件” 解决方案
- 关于如何使用VS高亮显示无扩展名源码文件的一个小技巧
- 关于如何使用VS高亮显示无扩展名源码文件的一个小技巧
- 使用adb pull命令从android系统中读取文件失败。显示:Permission denied
- Electron+React+Webpack+Vscode应用桌面开发平台搭建
- 【JavaScript】 Webpack安装及文件打包
- 使用VS Code开发Angular 2应用程序所需配置文件的解析