要将静态文件放在哪里才能引用它？ [英] Where to place a static file to be able to reference it?

问题描述

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. 我应该做些什么才能使此工作(我是进行导入还是以某种方式直接引用它)？

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

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

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

推荐答案

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

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

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