NodeJS 意外标记“{”,import调用只需要一个参数-尝试导入chart.js时

7hiiyaii  于 2022-12-18  发布在  Node.js
关注(0)|答案(2)|浏览(85)

我正在创建一个简单的node.js应用程序,使用chart.js进行一些可视化,但当尝试导入和使用图表时,我遇到错误。
我使用npm安装了chart.js,并将其提供给客户端:

app.use('/scripts', express.static(path.join(__dirname, 'node_modules/chart.js/dist')))

我使用pug作为渲染引擎,并导入了脚本:

script(type="module" src="./scripts/chart.js")
script(src="/scripts/index.js")

然后在index.js文件中,当我尝试导入图表模块时,使用:

import { Chart } from './chart.js/auto';


我得到一个错误:
语法错误:意外的标记“{”。import调用只需要一个参数。
去掉花括号也不起作用。
我可以看到chart.js脚本包含在页面的源代码中,但它不会加载到脚本中。我已尝试省略导入,因为我看到内联脚本不需要导入,但这会产生另一个错误,即无法找到变量Chart
不确定我做错了什么,是提供文件还是客户端导入。

wgx48brx

wgx48brx1#

已解决
我使用了不同的script标签

script(src="/scripts/chart.umd.js")

这样,我就不需要在客户端index.js文件中使用任何一方的import语句

bbuxkriu

bbuxkriu2#

我对chart.js没有经验,但是有一个用于节点chartjs-node的chart.js库
我想你应该把它安装在chart.js旁边。
我之前在Vue.JS中使用chartjs-vue旁边的chart.js构建了一些图表。
使用此命令安装节点库,您可以找到更多的here
npm安装图表js节点
不过,我猜您必须在系统上安装Cairo,Cairo for Canvas实现用于node.js。
你可以用这个命令安装它,这里有更多的细节。
npm安装画布

相关问题