如何在 vuetify 中导入 json 文件？

Question

我正在尝试在脚本中导入 json 文件，如下所示：

<script lang="ts">
    import threadsjson from "../../public/sewing-thread.json";
    .....
</script>

但在"../../public/sewing-thread.json"; 在 Visual Studio 代码中。 当我 hover over "../../public/sewing-thread.json"; 表明：

Cannot find module '../../public/sewing-thread.json'. Consider using '--resolveJsonModule' to import module with '.json' extensionVetur(2732)

我怎么解决这个问题？

Answer 1

由于您的文件是 JSON 文件，因此它没有任何导出语句，因此您不能使用名称导入。 相反，您可以使用 * 导入所有内容并给它一个变量名。 然后你可以在数据中使用相同的。

import * as threadsjson from "../../public/sewing-thread.json";

....
....
  data() {
    return {
      threads: threadsjson
    }
  }