使用Visual Studio代码使用@types/d3进行汇总

Question

我的图书馆项目使用。。。

• 打字稿
• 卷
• D3
• @类型/d3

包裹。json文件具有以下依赖关系

"dependencies": {
  "@types/d3": "^4.4.0"  /* also tried moving this to devDeps */
},
"devDependencies": {
  "cssnano": "^3.10.0",
  "postcss-cssnext": "^2.9.0",
  "postcss-nested": "^1.0.0",
  "postcss-simple-vars": "^3.0.0",
  "rollup": "^0.40.1",
  "rollup-plugin-commonjs": "^7.0.0",
  "rollup-plugin-livereload": "^0.4.0",
  "rollup-plugin-node-resolve": "^2.0.0",
  "rollup-plugin-postcss": "^0.2.0",
  "rollup-plugin-serve": "^0.1.0",
  "rollup-plugin-typescript": "^0.8.1",
  "rollup-plugin-uglify": "^1.0.1",
  "rollup-watch": "^3.1.0"
}

我的卷发。配置。js文件配置了这些插件。。。

plugins: [
    typescript(),
    postcss({
        extension: ['.css'],
        plugins: [
            simplevars(),
            nested(),
            cssnext({ warnForDuplicates: false }),
            cssnano(),
        ],
    }),
    nodeResolve({
        jsnext: true,  //use jsnext if the node package supports it
        main: true,    //look for main file
        browser: true, //if there is a browser version, use it
    }),
    commonjs(),
    //uglify(),
    serve({
        contentBase: 'build',
        port: '80',
    }),
    livereload(),
]

汇总可以很好地构建它。但是，在编辑器中，VSCode会在d3符号上显示错误。当我把鼠标悬停在上面时，我看到了这个错误。。。

[ts]“d3”指的是UMD全局文件，但当前文件是一个模块。考虑添加一个导入。

我可以添加这个导入，使错误在编辑器中消失。

import d3 from '@types/d3';

但是，然后汇总失败...

无法从“…”解析“@types/d3”

有没有办法将vscode配置为不显示该错误，这样就不会掩盖真正的错误？

是否有在汇总项目中配置D3类型定义的替代方法？

Answer 1

您只定义了d3的TypeScript类型。您仍然需要将d3指定为依赖项。

package.json

"dependencies": {
  "@types/d3": "4.8.0",
  "d3": "4.8.0"
}

现在可以导入d3：

import * as d3 from "d3";