Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用NPM导入D3?_Javascript_Html_D3.js - Fatal编程技术网

Javascript 使用NPM导入D3?

Javascript 使用NPM导入D3?,javascript,html,d3.js,Javascript,Html,D3.js,在npm安装后,我很难让d3正确导入。无论是d3下载还是脚本标记as,导入似乎都很成功,但这两种方式对我来说都是一种轻微的反模式,因为我习惯于使用npm或Thread之类的工具导入依赖项 在运行npm install d3并尝试导入库之后,在打开我的index.html后,我在浏览器控制台中看到以下错误 <head> <script src="js1.js" type="text/javascript"></scrip

在npm安装后,我很难让d3正确导入。无论是d3下载还是脚本标记as,导入似乎都很成功,但这两种方式对我来说都是一种轻微的反模式,因为我习惯于使用npm或Thread之类的工具导入依赖项

在运行npm install d3并尝试导入库之后,在打开我的index.html后,我在浏览器控制台中看到以下错误

<head>
    <script src="js1.js" type="text/javascript"></script>
</head>
<div>
    <script language="javascript">
        greetings("HALLO");
    </script>
...

js1.js

import d3 from 'd3';

const greetings = function js1(greeting)
{
    console.log("Hello from js1" + greeting);
    const selectedelement = d3.select(some_element)
    ...

}
index.html

<head>
    <script src="js1.js" type="text/javascript"></script>
</head>
<div>
    <script language="javascript">
        greetings("HALLO");
    </script>
...
package-lock.json

...
  "dependencies": {
...
    "d3": {
      "version": "6.2.0",
...
试试这个

import * as d3 from "d3";
在中查看更多信息