demo错误/问题暂记

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写出来模块颜色与官网不一致

问题说明:比如写查询中浏览器显示的结果与官网不一致有明显色差:

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

解决方法:注释掉项目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";

 

你可能感兴趣的:(vue.js,Papaparse,element.ui)