Проблемы с импортом json с VueJs

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.

I ' Мы видели, что между некоторыми версиями 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", он будет искать json in ./ SRC / услуги / json. Где именно находится ваша папка / json, если она находится в папке sr c, то импорт должен быть "../json/data.json". Обычно в веб-пакете "@" есть псевдоним "/ sr c", тогда импорт будет "@ / json / config. json"