vue3 + ts 的环境时，在没有 "node" 模块解析策略的情况下，无法指定选项 "-resolveJsonModule"。

Question

问题：在没有 "node" 模块解析策略的情况下，无法指定选项 "-resolveJsonModule"。
原因：未知
解决方案：修改 tsconfig.app.json 文件中 compilerOptions 选项配置 "moduleResolution": "node"

{
  "extends": "@vue/tsconfig/tsconfig.dom.json",
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "exclude": ["src/**/__tests__/*"],
  "compilerOptions": {
    "composite": true,
    /*
     * 模块解析策略，ts默认用node的解析策略，即相对的方式导入, 可选值：node、classic
     * 如果未指定，则 --module commonjs 默认为 node，否则默认为 classic（包括 --module 设置为 amd、system、umd、es2015、esnext 等）
     * Node 模块解析是 TypeScript 社区中最常用的，推荐用于大多数项目。 
     * 如果您在 TypeScript 中遇到导入和导出的解析问题，请尝试设置 moduleResolution: “node” 以查看它是否解决了问题。
     */
    "moduleResolution": "node",    
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

Answer 1

可以尝试在项目根目录下创建一个"tsconfig.json"文件

{
  "compilerOptions": {
    "resolveJsonModule": true
  }
}

这样可以手动指定"resolveJsonModule"选项。但是需要注意的是，这个方法只是一种临时解决方案，应该尽快升级Node.js和TypeScript版本