vue 动态import json文件 failed to execute 'open' on 'xmlhttprequest': invali

这个错误提示 "failed to execute 'open' on 'xmlhttprequest': invalid"，通常是由于动态导入JSON文件时出现的问题引起的。

在Vue中，使用动态导入(JSON文件)时，遵循以下步骤：

1. 首先，确保要导入的JSON文件存在，并且路径是正确的。可以尝试手动访问该JSON文件的URL地址，以确保它可以正常加载。

2. 动态导入JSON文件时，需要使用第一步中正确的URL路径，使用以下语法来导入JSON文件：

import(/* webpackChunkName: "json-file" */ '@/path/to/file')
  .then((module) => {
    // 对导入的JSON文件进行操作
  })
  .catch((error) => {
    // 捕获导入JSON文件时的错误
    console.error(error);
  });

请将上述语法中的`@/path/to/file`替换为你的JSON文件的正确路径。

3. 最后，检查一下项目的依赖项中是否安装了相关的包。如果没有安装，可以尝试执行以下命令来安装缺失的依赖项：

npm install axios

该命令会安装axios包，它是Vue中常用的用于发送HTTP请求的库，在动态导入JSON文件时可能会被用到。

如果尝试了上述步骤仍然无法解决问题，那么可能是其他原因导致的错误。可以通过查看浏览器的开发者工具中的控制台，获取更详细的错误信息，以帮助更准确定位和解决问题。