私のライブラリプロジェクトは...
- タイプスクリプト
- 巻き上げる
- D3
- @タイプ/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(),
]
ロールアップはそれをうまく構築します。ただし、エディターでは、VSCode は d3 シンボルにエラーを表示します。カーソルを合わせると、このエラーが表示されます...
[ts] 'd3' は UMD グローバルを参照していますが、現在のファイルはモジュールです。代わりにインポートを追加することを検討してください。
このインポートを追加して、エディターでエラーを解消できます。
import d3 from '@types/d3';
ただし、ロールアップは失敗します...
「...」から「@types/d3」を解決できませんでした
そのエラーを表示しないようにvscodeを構成して、実際のエラーをかき消さないようにする方法はありますか?
ロールアップ プロジェクトで D3 タイプ定義を構成する別の方法はありますか?