我可以用vue 3从geojson文件导入变量吗?[副本]

92dk7w1h  于 2023-07-01  发布在  其他
关注(0)|答案(1)|浏览(239)

此问题已在此处有答案

Can't open local .geojson files inside Vue Project(1个答案)
4小时前关闭
我想从我的vue 3项目的geojson文件中导入一个变量,但是当我这样做时:import line from '@static/line.geojson'我的页面变成完全空的,好像Vue不再工作了。
当我使用import line from '@static/line.json'时,它可以工作,但我需要一个geojson文件来完成剩下的代码,所以我不想有两个扩展名不同的相同文件。
当我检查我的控制台时,它说:
未捕获的语法错误:意外的标记“:”(位于行.geojson?输入:2:10)
但我很确定我的文件中没有错误,因为我在vue 2项目中使用它,它工作正常。
你知道我必须做什么才能只使用一个文件行.geojson吗?我想也许有一个插件安装,但我不知道哪一个。
这是我的文件行.geojson

{
   "type":"FeatureCollection",
   "features":[
      {
         "type":"Feature",
         "geometry":{
            "type":"LineString",
            "coordinates":[
               [
                  2.373307391426136,
                  51.02186641516233
               ],
               [
                  2.373339257074004,
                  51.02183268101012
               ],
             // there are others points
            ]
         },
         "properties":{
            "libelle":"Exploit\u00e9e",
            "geo_point_2d":[
               51.0366532348,
               2.41012862333
            ],
            "mnemo":"EXPLOITE",
            "rg_troncon":1,
            "pk_fin_r":"311+500",
            "pk_debut_r":"304+226",
            "code_ligne":"300000"
         }
      }
   ]
}
xv8emn3q

xv8emn3q1#

https://github.com/vitejs/vite/blob/2d9008e81d0d835e10437a959fac12529f7823e1/packages/vite/rollup.config.ts#L138 vite在内部使用@rollup/plugin-json解析json文件。你可以安装这个插件并添加你的选项来支持geojson文件。也许include参数就是你想要的https://github.com/rollup/plugins/blob/master/packages/json/README.md

quick workaround 
```js
import j from "@/assets/a.geojson?raw";
console.log(JSON.parse(j));

相关问题