小编mar*_*zki的帖子

在 NextJS 中使用轻量级图表时出现语法错误

我正在尝试在我的项目中使用该lightweight-chartsnextjs,但是当我尝试调用该createChart函数时,我在 Nodejs 控制台中收到此错误。

...\lightweight-charts\dist\lightweight-charts.esm.development.js:7
import { bindToDevicePixelRatio } from 'fancy-canvas/coordinate-space';
^^^^^^

SyntaxError: Cannot use import statement outside a module
Run Code Online (Sandbox Code Playgroud)

成分:

import styled from "styled-components"
import { createChart } from 'lightweight-charts';

const Wrapper = styled.div``

const CoinPriceChart = () => {
  const chart = createChart(document.body, { width: 400, height: 300 });
  return <Wrapper></Wrapper>
}

export default CoinPriceChart

Run Code Online (Sandbox Code Playgroud)

页:

import styled from "styled-components"
import CoinPriceChart from "../../components/charts/CoinPriceChart"

const Wrapper = styled.div``

const CoinDetailPage = () => …
Run Code Online (Sandbox Code Playgroud)

javascript node.js next.js lightweight-charts

8
推荐指数
1
解决办法
1931
查看次数

标签 统计

javascript ×1

lightweight-charts ×1

next.js ×1

node.js ×1