Ошибки в консоли браузера при использовании d3.select () в машинописном коде. Я пробовал другие методы, такие как d3-timer.now () и у меня была такая же проблема.
Я новичок в машинописи.
Я использую IntelliJ Ultimate 2019.1.
Я использовал npm для загрузки тонны вещей, поэтому в моем представлении intelliJ Project отображаются node_modules для хранения
.bin
@types
командир
d3
d3-массив
...
d3 выбора
...
intelliJ показывает все документы, похожие на javadoc, в представлении документации (после Ctrl-Q), поэтому типы, похоже, хорошо связаны между собой. : -)
// index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My title</title>
<script>var exports = {};</script>
<script type=module src=ts1.js></script>
</head>
<body>
<p>test output from me</p>
</body>
</html>
// ts1.ts
import * as d3 from 'd3';
import * as d3selecter from 'd3-selection'; // Possibly rubbish?
let d:d3.Primitive = 'hello'; // Works fine! :-) Proving typescript is working
console.log(d.toString()); // Ditto. :-)
d3.select("p").style("fill", "red"); // Causes error
d3selecter.select("p").style("fill", "red"); // Causes error
// tsconfig.json (which I don't understand)
{
"compilerOptions": {
"target": "es6",
"sourceMap": true
},
"exclude": [
"node_modules"
]
}
d3-selection не помогает в следующем файле
// package.json
{
"name": "T5D3",
"version": "1.0.0",
"dependencies": {
"d3": "^5.7.1",
"d3-selection": "^1.4.0"
},
"devDependencies": {
"@types/d3": "^5.7.1"
}
}
ошибка в консоли Firefox и Chrome: " Uncaught TypeError: Не удалось разрешить спецификатор модуля" d3 ". Относительные ссылки должны начинаться с" / "," ./ "или" ../".»
Он появляется только когда я пытаюсь использовать d3.select или d3selecter.select.
Я пытался поместить эти предпочтения в разных местах, но безрезультатно.