本文介绍了要将静态文件放在哪里才能引用它?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

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

const test = new vmsg.Recorder({wasmURL: "https://unpkg.com/[email protected]/vmsg.wasm"});

但我希望该文件引用我的应用程序中的目录,而不是此外部URL,我不确定:

  1. 我应该把这个文件放在哪里(assets/public/node_modules文件夹)?
  2. 我应该做些什么才能使此工作(我是进行导入还是以某种方式直接引用它)?

我已尝试将该文件放在我的Assets文件夹中,并将代码行更改为许多内容,如下所示:

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

但似乎什么都不起作用,经过一番阅读,这是有道理的。但我仍然不确定添加这样的文件的正确方式应该是什么。

推荐答案

我见过一些人在尝试导入照片资产时特别遇到这样的情况。我找到的一个有效的解决方案是在结尾处加入.Default。

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

这篇关于要将静态文件放在哪里才能引用它?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-21 06:49