打字稿:让模块分辨率(路径/碱基),动态导入和ResolveJsonModule一起工作



问题

我在尝试使用Typescripts模块分辨率与路径,JSON文件导入和动态导入时遇到了一些问题。这就是我所做的:

  • 首先:我介绍了"resolveJsonModule": true能够导入.json文件
  • 第二:我引入(二手(动态导入(这是运行良好(
  • 第三:我介绍了下面的示例中的模块(路径((这是我的问题(

我不确定,如果我在这里混淆了一些事情。但是,能够将以下三个一起使用以下三个:

真的很感激。
  • 1个动态导入
  • 2导入JSON文件
  • 3使用打字稿模块分辨率

infos:

  • 我的节点版本:v11.14.0
  • 我能够使用最新的节点版本,所以这里没有限制

代码:

// 1. dynamic import
const subfolder = 'example'
let { ex } = await import(`./../../some/path/${subfolder}`)
// 2. json file import
import config from './../../config.json'
// 3. module resolution
// some/path/file_a.ts
import { example_function } from '@utils/ex'
...
const result = await example_function()
// src/utils/ex/index.ts
export async function example_function() {}

错误:

上面的代码正在通过编译器运行,并且构建没有错误。但是,当我尝试启动编译代码时,我会收到这样的错误:

➤ node lib/index.js
internal/modules/cjs/loader.js:670
    throw err;
    ^
Error: Cannot find module '@utils/ex'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:668:15)
    at Function.Module._load (internal/modules/cjs/loader.js:591:27)
    at Module.require (internal/modules/cjs/loader.js:723:19)
    at require (internal/modules/cjs/helpers.js:14:16)
    at Object.<anonymous> (/home/mod/cod/wo/thingylabs/calpobot/cb1/lib/utils/pipeline/pipelineRunChatops.js:52:12)
    at Module._compile (internal/modules/cjs/loader.js:816:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:827:10)
    at Module.load (internal/modules/cjs/loader.js:685:32)
    at Function.Module._load (internal/modules/cjs/loader.js:620:12)
    at Module.require (internal/modules/cjs/loader.js:723:19)

尝试解决问题

  • 我试图改变尝试模块和模量的实验,但没有成功

我的完整TSCONFIG.JSON

{
  "compilerOptions": {
    "allowJs": false,
    "lib": ["es2015", "es2017"],
    "module": "commonjs",
    "moduleResolution": "node",
    "target": "es5",
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "noUnusedLocals": false,
    "pretty": true,
    "strict": true,
    "sourceMap": true,
    "outDir": "./lib",
    "skipLibCheck": true,
    "noImplicitAny": true,
    "esModuleInterop": true,
    "declaration": true,
    "resolveJsonModule": true,
    "baseUrl": "./src",
    "paths": {
      "@utils/fs": ["utils/fs"],
      "@pipelines/*": ["pipelines/*"],
      "@jobs/*": ["jobs/*"],
    }
  },
  "include": [
    "src/**/*"
  ],
  "compileOnSave": false
}

您在此处讨论的问题:https://github.com/microsoft/typescript/issues/24715作为解决方法,您可以替换

import config from './../../config.json'

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

最新更新