首先,规格如下。
模块设置如下。
export const SetSciChartSurface = () => {
SciChartSurface.setRuntimeLicenseKey(window.REACT_APP_SCICHART_KEY);
SciChartSurface.configure({
wasmUrl: "./scichart2d.wasm",
dataUrl: "./scichart2d.data",
});
SciChartDefaults.useSharedCache = true;
return SciChartSurface;
};
我的问题是nginx,所以我可以如下设置
location / {
root "C:\\nginx\\build\\indexViewer";
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
如果你像下面这样写,你会得到如图所示的错误。当然,scichart2d.wasm文件和scichart2d.data文件在200 OK中都得到了很好的接收。
location /indexViewer {
alias "C:\\nginx\\build\\IndexViewer";
sub_filter assets/ indexViewer/assets/;
sub_filter_once off;
sub_filter_types *;
}
Could not load SciChart WebAssembly Module.Check your build process and ensure that your scichart2d.wasm, scichart2d.data and scichart2d.js files are from the same version
我已经挣扎了几个月了。我一直通过 nginx 与不同端口共享项目,但我不想这样做,所以我一直使用别名。但如果您使用别名而不是 root 来执行此操作,则会发生这些问题。
我希望这个错误不会出现。
要了解错误的根本原因,首先检查是否正确加载了预期的文件:没有 404 错误,并且获取了 .data 和 .wasm 文件的适当内容。
然后,为了匹配您的位置结构,请使用 SciChartSurface.configure (或 SciChart3DSurface.configure)方法来自定义这些文件的 URL。
请参阅文档了解更多信息。