使用 VueJs 导入 json 的问题

Question

所以，我正在尝试导入一个 json 文件，以便能够在我的应用程序中设置一些参数。我用来导入我的 json 的代码是：

import json from './json/config.json'
export default {
    data() {
        return {
            URL_FILE_IMPORT: json.fileImport,
        }
    }
}

...到目前为止，我的 config.json 非常简单：

{
    "fileImport": "<my_url_goes_here>",
}

问题是我遇到了这个错误：

ERROR  Failed to compile with 1 errors


This relative module was not found:

* ./json/config.json in ./src/services/config.js

但如果我点击./json/config.json 路径，我可以访问该文件。

我看到一些 vue.js 版本之间在 json 配置方面存在一些差异。我不是 100% 确定如何查看我正在使用的版本，但我的 @vue/cli-service 是 4.2.2 版。有人知道怎么解决吗？

---

所以，我找到了解决方案。很简单，我只需要使用

const jsonData = require('../json/config.json');

...有了这个我可以访问jsonData.fileImport

Answer 1

Маке 确保路径正确，如果您在文件 ./src/services/config.js 中使用路径“./json/data.json”进行导入，它将在 ./src/services/json 中查找 json。您的文件夹 /json 到底在哪里，如果它在 src 文件夹中，那么导入应该是“../json/data.json”。通常web-pack中有个别名“@”就是“/src”，那么import就是“@/json/config.json”