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";