我在這個結構中有一個 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
我想以這種方式將此檔案作為串列匯入，每行作為字典：
[{'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.
uj5u.com熱心網友回復：
@rollup/plugin-dsv作為開發依賴安裝：
npm i -D @rollup/plugin-dsv
...并配置 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>
演示
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/466924.html
上一篇：PythonPandasread_csv參考問題，無法分離資料
下一篇：找到空行后將資料加載到df