本文介绍了要将静态文件放在哪里才能引用它?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
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,我不确定:
- 我应该把这个文件放在哪里(
assets
/public
/node_modules
文件夹)? - 我应该做些什么才能使此工作(我是进行导入还是以某种方式直接引用它)?
我已尝试将该文件放在我的Assets文件夹中,并将代码行更改为许多内容,如下所示:
const test = new vmsg.Recorder({wasmURL: '../../assets/vmsg.wasm'});
但似乎什么都不起作用,经过一番阅读,这是有道理的。但我仍然不确定添加这样的文件的正确方式应该是什么。
推荐答案
我见过一些人在尝试导入照片资产时特别遇到这样的情况。我找到的一个有效的解决方案是在结尾处加入.Default。
const test = new vsmg.Recorder({wasmURL: require('../../assets/vmsg.wasm').default});
这篇关于要将静态文件放在哪里才能引用它?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!