2

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

  • 打字稿
  • 卷起
  • D3
  • @types/d3

package.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"
}

我的 rollup.config.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(),
]

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

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

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

import d3 from '@types/d3';

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

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

有没有办法将 vscode 配置为不显示该错误，因此它不会淹没真正的错误？

是否有另一种方法可以在汇总项目中配置 D3 类型定义？

4

1 回答 1

2

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

包.json

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

您现在可以导入 d3：

import * as d3 from "d3";
于 2017-05-08T11:54:21.953 回答