如何导入和使用vuejs中的本地.csv文件？
如何导入和使用vuejs中的本地.csv文件？
提问于 2022-04-28 03:51:58
我在这个结构中有一个csv文件。
name,year,href,src
Parasite,2019,parasite-2019,film-poster/4/2/6/4/0/6/426406-parasite-0-460-0-690-crop.jpg我想以这样的方式将这个文件作为一个列表导入，每一行都作为一个dict：
[{'name':'Parasite','year':'2019','href':'parasite-2019','src':'film-poster/4/2/6/4/0/6/426406-parasite-0-460-0-690-crop.jpg'}]我尝试在import csv from './filmList.csv'标记中使用<script>，但在加载时只会出现一个错误：
[plugin:vite:import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. You may need to install appropriate plugins to handle the .csv file format.回答 1
Stack Overflow用户
回答已采纳
发布于 2022-04-28 04:28:42
将@rollup/plugin-dsv安装为一个dev依赖项：
npm i -D @rollup/plugin-dsv...and配置Vite来使用它：
// vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import dsv from '@rollup/plugin-dsv'
export default defineConfig({
plugins: [
vue(),
dsv(),
],
})然后导入一个.csv文件将产生对象数组，正如您所期望的那样：
<script>
// MyComponent.vue
import csv from './filmList.csv'
console.log(csv) // => [{'name':'Parasite','year':'2019','href':'parasite-2019','src':'film-poster/4/2/6/4/0/6/426406-parasite-0-460-0-690-crop.jpg'}]
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72037842
复制相关文章
相似问题
腾讯云开发者
