NodeJS-Typescript-Yarn：错误：找不到模块“ d3”

如何解决NodeJS-Typescript-Yarn：错误：找不到模块“ d3”

我遇到此错误，无法解决d3 import。我正在使用Typescript@4.0.5和Yarn 文件Layout.ts（Layout.js）导入d3会引发错误。

import * as D3 from "d3";

纺纱

$ yarn build
yarn run v1.22.5
$ tsc && node dist/lib/index.js
internal/modules/cjs/loader.js:834
  throw err;
  ^

Error: Cannot find module 'd3'
Require stack:
- /home/github/my-app/dist/lib/graphs/Layout.js
- /home/github/my-app/dist/lib/index.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:831:15)
    at Function.Module._load (internal/modules/cjs/loader.js:687:27)
    at Module.require (internal/modules/cjs/loader.js:903:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (/home/github/my-app/dist/lib/graphs/Layout.js:27:25)
    at Module._compile (internal/modules/cjs/loader.js:1015:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1035:10)
    at Module.load (internal/modules/cjs/loader.js:879:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Module.require (internal/modules/cjs/loader.js:903:19) {
  code: 'MODULE_NOT_FOUND',requireStack: [
    '/home/github/my-app/dist/lib/graphs/Layout.js','/home/github/my-app/dist/lib/index.js'
  ]
}
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

和我的tsconfig

{
    "compileOnSave": true,"compilerOptions": {
      "target": "es2018",/* Specify ECMAScript target version: 'ES3' (default),'ES5','ES2015','ES2016','ES2017','ES2018','ES2019','ES2020',or 'ESNEXT'. */
      "module": "commonjs",/* Specify module code generation: 'none','commonjs','amd','system','umd','es2015','es2020',or 'ESNext'. */
      "lib": ["DOM","dom.iterable","ES2018.AsyncIterable","ES2017.TypedArrays","es2018","esnext.asynciterable","ES5","ES6"],/* Specify library files to be included in the compilation. */
      "allowJs": true,/* Allow javascript files to be compiled. */
       "declaration": true,/* Generates corresponding '.d.ts' file. */
       "declarationMap": true,"sourceMap": true,/* Generates corresponding '.map' file. */
       "outDir": "./dist",/* Redirect output structure to the directory. */
      /* Strict Type-Checking Options */
      "strict": true,/* Enable all strict type-checking options. */
      "types": [  
        "node",/* Type declaration files to be included in compilation. */
       ],"esModuleInterop": true,/* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
     
      /* Experimental Options */
       "experimentalDecorators": true,/* Enables experimental support for ES7 decorators. */
       "emitDecoratorMetadata": true,/* Enables experimental support for emitting type metadata for decorators. */
      /* Advanced Options */
      //"skipLibCheck": true,/* Skip type checking of declaration files. */
      "forceConsistentCasingInFileNames": true  /* Disallow inconsistently-cased references to the same file. */
    }
  }

非常感谢您的帮助。预先感谢。

解决方法

build中有内置命令yarn。 您可以找到here的所有可能选项。

改为尝试yarn install

,

几天后，再试一次，找到了添加d3类型的解决方案， 对于旧版本， 添加全局变量

yarn install typings --global. 

搜索名为d3的类型

yarn typings search --name d3

如果不存在，请安装

yarn typings install d3 --save. //for old versions
yarn add @types/d3.  //latest versions

它按预期工作！