时间戳

首页 > 解决方案 > Quasar Framework (VueJS) - 编译时出现错误的“UI”（如果导入 web3）

vue.js - Quasar Framework (VueJS) - 编译时出现错误的“UI”（如果导入 web3）

问题描述

我使用 Quasar CLI 版本 1.2.1 和库 web3 版本 ^1.5.2

当我使用时这是一个错误：

import Web3 from 'web3'

日志错误：

应用程序• 链接“UI”Webpack 配置应用程序• 等待• 正在编译“UI”... 应用• 完成• 编译错误的“UI”• 6809 毫秒

应用程序 • 错误 • ./node_modules/cipher-base/index.js 中的 UI

未找到模块：无法解析导入的依赖项“流”您忘记安装了吗？您可以运行：纱线添加流

应用程序 • 错误 • ./node_modules/eth-lib/lib/bytes.js 中的 UI

未找到模块：无法解析导入的依赖项“crypto”您忘记安装了吗？你可以运行：yarn add crypto

应用程序 • 错误 • ./node_modules/ethereumjs-util/dist.browser/account.js 中的 UI

未找到模块：无法解析导入的依赖项“断言”您忘记安装了吗？您可以运行：纱线添加断言

应用程序 • 错误 • ./node_modules/swarm-js/node_modules/eth-lib/lib/bytes.js 中的 UI

未找到模块：无法解析导入的依赖项“crypto”您忘记安装了吗？你可以运行：yarn add crypto

应用程序 • 错误 • ./node_modules/web3-eth-accounts/lib/index.js 中的 UI

未找到模块：无法解析导入的依赖项“crypto”您忘记安装了吗？你可以运行：yarn add crypto

应用程序 • 错误 • ./node_modules/web3-providers-http/lib/index.js 中的 UI

未找到模块：无法解析导入的依赖项“http”您忘记安装了吗？你可以运行：yarn add http

应用程序 • 错误 • ./node_modules/web3-providers-http/lib/index.js 中的 UI

未找到模块：无法解析导入的依赖项“https”您忘记安装了吗？你可以运行：yarn add https

应用程序 • 错误 • ./node_modules/xhr2-cookies/dist/xml-http-request.js 中的 UI

未找到模块：无法解析导入的依赖项“http”您忘记安装了吗？你可以运行：yarn add http

应用程序 • 错误 • ./node_modules/xhr2-cookies/dist/xml-http-request.js 中的 UI

未找到模块：无法解析导入的依赖项“https”您忘记安装了吗？你可以运行：yarn add https

应用程序 • 错误 • ./node_modules/xhr2-cookies/dist/xml-http-request.js 中的 UI

未找到模块：无法解析导入的依赖项“os”您忘记安装了吗？你可以运行：yarn add os

应用程序• 编译失败• 请查看上面的日志以获取详细信息。

标签： vue.jsethereumweb3quasar

解决方案

您正在尝试在浏览器中使用 nodejs 模块。

如果您仔细阅读文档，它会说：

在浏览器中

使用预建的 dist/web3.min.js

所以你需要做的是：import Web3 from 'web3/dist/web3.min.js'

推荐阅读