如何将SciChart与Nuxt连接

Question

我想知道SciChart和Nuxt.js之间的关系

npm init nuxt-app " scichart“npm安装scichart和我捕捉错误。

packeg.json

{
  "name": "scichart",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "buildsci": "webpack",
    "startsci": "webpack-dev-server"
  },
  "dependencies": {
    "core-js": "^3.15.1",
    "nuxt": "^2.15.7",
    "scichart": "^2.0.0"
  },
  "devDependencies": {
    "copy-webpack-plugin": "^6.3.2",
    "webpack": "^4.46.0 ",
    "webpack-cli": "^4.9.0",
    "webpack-dev-server": "^4.3.1"
  }
}

Answer 1

现在，SciChart.js上有许多示例展示了如何在框架中设置SciChart。其中包括：

• Next.js
• Nuxt.js
• 反应
• Vue.js
• 巴兹尔
• 角度
• 只有Javascript (没有框架)

再加上更多。这些框架的常见问题是加载WebAssembly。SciChart.js使用WebAssembly来实现真正高性能的2D和3D图表。生成项目时，Wasm文件需要位于输出文件夹中。这对于每个框架来说都是不同的。

现在，SciChart.js文档上有一页展示了如何完美无缺地加载组件，而不需要Webpack或复制package.json插件。

请参阅这里的“如何操作”文章：创建一个新的SciChartSurface并加载Wasm

使用应用程序部署Wasm (WebAssembly)和数据文件 如果在运行应用程序时收到错误消息，则可能没有正确部署Wasm (WebAssembly)或数据文件。下面是关于如何解决这个问题的一些步骤。 错误:无法加载SciChart WebAssembly模块。检查您的构建过程，并确保您的scichart2d.wasm、scichart2d.data和scichart2d.js文件来自同一版本。 选项1:使用WebPack (或类似的). 选项2:用SciChartSurface.configure()或useWasmFromCDN()加载来自URL的Wasm 我们已经打包了一个有用的函数，它自动从CDN加载本图表的最新和正确版本的Wasm和数据文件。 要使用它，不要调用传入URL的SciChartSurface.configure()，而是调用SciChartSurface.useWasmFromCDN()。 从“scichart/Charting/Visuals/ SciChartSurface”导入{SciChartSurface}；导出异步函数initSciChart() { //在显示任何SciChartSurface之前调用一次。//这相当于用CDN (JSDelivr) SciChartSurface.useWasmFromCDN()；}调用CDN()