在哪里放置静态文件以便能够引用它？

Question

vmsg 需要 URL link 到 .wasm 文件才能工作。他们的示例代码（确实有效）如下所示：

import React, { Component } from 'react';
import vmsg from 'vmsg';

const test = new vmsg.Recorder({wasmURL: "https://unpkg.com/vmsg@0.3.0/vmsg.wasm"});

但我想让该文件引用我应用程序中的目录而不是这个外部目录 URL，但我不确定：

我应该把这个文件放在哪里（assets/public/node_modules文件夹）？
我会怎么做才能完成这项工作（我是做导入还是以某种方式直接引用它）？

我尝试将文件放在我的资产文件夹中，并将代码行更改为以下行的许多内容：

const test = new vmsg.Recorder({wasmURL: '../../assets/vmsg.wasm'});

但似乎没有任何效果，经过一些阅读后，这是有道理的。但我仍然不确定添加这样的文件的正确方法应该是什么。

Answer 1

我见过一些人运行在尝试导入照片资产时特别喜欢这样的东西。我发现适用的一种解决方案是在末尾包含 .default。

const test = new vsmg.Recorder({wasmURL: require('../../assets/vmsg.wasm').default});

在哪里放置静态文件以便能够引用它？

Where to place a static file to be able to reference it?

node-modules

reactjs