在哪里放置静态文件才能引用它?

IT技术 reactjs node-modules
2021-05-07 06:02:01

vmsg需要一个指向.wasm其工作所需文件的 URL 链接他们的示例代码(确实有效)如下所示:

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,我不确定:

  1. 我应该把这个文件(assets/ public/node_modules文件夹)?
  2. 我会怎么做才能完成这项工作(我是进行导入还是以某种方式直接引用它)?

我已经尝试将文件放在我的资产文件夹中,并将代码行更改为以下几行:

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

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

1个回答

我见过有些人在尝试导入照片资产时遇到过这样的问题。我发现的一种解决方案是在最后包含 .default 。

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