demo错误/问题暂记

2 篇文章 0 订阅
1 篇文章 0 订阅

1、Module parse failed: Identifier directly after number (2:17),You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.(已解决)

错误说明:vue-cli+element写的demo需要引入csv文件并解析成json数据,本来想着是用papaparse解析,但是报上述错误,查了一圈应该是没有使用合适的loader引入csv文件造成的

解决方法:项目安装csv-loader并在vue.config.js中配置如下:

module.exports = {
  chainWebpack: config => {
    config
      .module
      .rule("csv")
      .test(/\.csv$/)
      .use("csv-loader")
      .loader("csv-loader")
      .options({
        dynamicTyping: true,
        header: true,
        skipEmptyLines: true
      })
      .end();
  }
}

就可以引入csv文件。本来想着可以引入csv文件后就可以使用papaparse解析,结果发现csv-loader在引入文件的同时已经帮忙解析成json格式了,所以不再需要papaparse插件。

2、TypeError: Failed to execute 'readAsText' on 'FileReader': parameter 1 is not of type 'Blob'.(已解决)

错误说明:在用csv-loader引入文件后尝试用papaparse解析时出现此错误

解决方法:因为文件在被csv-loader引入时已经被解析成json格式故不再需要使用papaparse,去掉papaparse函数后错误消失。

3、element.ui写出来模块颜色与官网不一致

问题说明:比如写<el-button type="primary">查询</el-button>中浏览器显示的结果与官网不一致有明显色差:

   (本地按钮)     (官网按钮示意图)

解决方法:注释掉项目element-variables.scss文件的$--color-primary: teal;代码

/*
Write your variables here. All available variables can be
found in element-ui/packages/theme-chalk/src/common/var.scss.
For example, to overwrite the theme color:
*/
// $--color-primary: teal;  //  注释掉此句代码

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值