首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Webpack构建的Web3在没有webpack-dev-server的情况下找不到

使用Webpack构建的Web3在没有webpack-dev-server的情况下找不到
EN

Stack Overflow用户
提问于 2018-11-20 04:53:08
回答 1查看 227关注 0票数 1

有了一个Reactjs项目,我就可以运行webpack dev服务器,并使用web3 able访问我的web3。

如果我构建这个项目并在Chrome中打开index.html,那么就不会检测到web3。

当运行webpack-dev-server -模式开发

我的应用程序的目的是一个在本地运行的工具,它不需要从任何公开的地方提供服务,我也不认为我需要运行一个lite服务器来服务内容。

  • web3: 1.0.0-beta.36 .
  • webpack: 4.22.0
  • webpack-cli: 3.1.2
  • webpack开发服务器: 3.1.8 导入'./index.css';从‘./ IxoTimelockApp /IxoTimelockApp’导入InstallMetaMask;从‘./components/Install-元let /Install-元let Component.jsx’导入InstallMetaMask;让regeneratorRuntime =require运行时“;类应用程序扩展组件{ state ={ web3Obj:null } componentDidUpdate (prevprops ) { if (prevprops != this.props){ this.setState({web3Obj: this.props.web3Obj}) } componentDidMount () { window.addEventListener('load‘),异步() => { //现代dapp浏览器.如果(window.ethereum) { window.web3 =新的Web3(以太网);如果需要,尝试{ //请求帐户访问等待ethereum.enable();this.setState({web3Obj: window.web3}) } catch (错误){ //用户拒绝帐户访问.} // Legacy dapp浏览器..。如果( window.web3 ) {window.web3=新Web3(web3.currentProvider);this.setState({web3Obj: window.web3}) } //非dapp浏览器.其他{console.log(‘非虚空浏览器检测到。您应该考虑尝试MetaMask!’;});}呈现(){ if(this.state.web3Obj) {返回}其他返回}导出默认应用程序;const包装=document.getElementById(“根”);包装?ReactDOM.render(,包装):false;
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-11-21 06:43:58

来自:MetaMask兼容性指南

需求

Http(s) - Web所需的

由于浏览器安全限制,我们无法与运行在file://.上的dapps通信请使用本地服务器进行开发。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53386438

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档