0

我正在尝试在我的 nuxtjs 网络应用程序中使用这个第 3 方库:cardano-wallet-interface

该库又具有一个包含 wasm 文件的依赖项,但我无法正确加载它。

我读过我应该提供 webpack 配置的“实验”属性。但是当我尝试将 nuxt.config.js 更改为以下内容时出现错误:

export default {
    ...
    build: {
        transpile: ['cardano-wallet-interface'],
        extend(config, { isClient }) {
            if (isClient) {
                config.experiments = {
                    asyncWebAssembly: true,
                    syncWebAssembly: true
                }
            }
        }
    }
}

我收到以下错误:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

我也尝试过这里描述的旧解决方案,但无济于事:

export default {
    ...
    build: {
        transpile: ['cardano-wallet-interface'],
        extend(config, { isClient }) {
            if (isClient) {
                config.module.rules.push({
                    test: /\.wasm$/,
                    loaders: ['wasm-loader']
                });
            }
        }
    }
}

我们应该如何正确地将 wasm 加载到我们的 nuxt 项目中?

使用 Nuxt 2.15.8 和 Vue 2.6.14。

4

0 回答 0