Voxelum / minecraft-launcher-core-node

Provide packages to install Minecraft, launch Minecraft and more to build launcher with NodeJs/Electron!
https://docs.xmcl.app/en/core/
MIT License
174 stars 25 forks source link

Unable to import the package through the Vue template. #208

Closed Shark-vil closed 3 years ago

Shark-vil commented 3 years ago

Hello. I have a problem. I use Electron in conjunction with Vue. I import the dependency in the template, but after compilation, various errors keep appearing. In the latest version of the "@xmcl/core" it gives an error with a cycle:

electron_dRr68I805J

The template looks like this

I just started to master the library, so there is no complex code. It's all:

<template>
  <div id="main">
    <input v-model="username" type="text" />
    <input v-model="password" type="password" />
    <input v-on:click="playgame" type="button" value="Play" />
  </div>
</template>

<script>
    import { launch } from "@xmcl/core";

    export default {
      name: "home-page",
      data: {
        username: null,
        password: null
      },
      methods: {
        playgame () {
        console.log(launch);
        }
      }
    }
</script>

The dependencies I am using are

{
"dependencies": {
    "@xmcl/core": "2.6.0",
    "@xmcl/unzip": "^2.0.0",
    "@xmcl/user": "^2.1.5",
    "axios": "^0.18.0",
    "form-data": "^4.0.0",
    "uuid": "^8.3.2",
    "vue": "^2.5.16",
    "vue-devtools": "^5.1.4",
    "vue-electron": "^1.0.6",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1",
    "vuex-electron": "^1.0.0",
    "yauzl": "^2.10.0"
  },
  "devDependencies": {
    "ajv": "^6.5.0",
    "babel-core": "^6.26.3",
    "babel-eslint": "^8.2.3",
    "babel-loader": "^7.1.4",
    "babel-minify-webpack-plugin": "^0.3.1",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.7.0",
    "babel-preset-stage-0": "^6.24.1",
    "babel-register": "^6.26.0",
    "cfonts": "^2.1.2",
    "chalk": "^2.4.1",
    "copy-webpack-plugin": "^4.5.1",
    "cross-env": "^5.1.6",
    "css-loader": "^0.28.11",
    "del": "^3.0.0",
    "devtron": "^1.4.0",
    "electron": "^2.0.4",
    "electron-builder": "^20.19.2",
    "electron-debug": "^1.5.0",
    "electron-devtools-installer": "^2.2.4",
    "eslint": "7.26.0",
    "eslint-config-standard": "^11.0.0",
    "eslint-friendly-formatter": "^4.0.1",
    "eslint-plugin-html": "6.1.2",
    "eslint-plugin-import": "2.22.1",
    "eslint-plugin-node": "11.1.0",
    "eslint-plugin-promise": "5.1.0",
    "eslint-webpack-plugin": "^2.5.4",
    "file-loader": "^1.1.11",
    "html-webpack-plugin": "^3.2.0",
    "listr": "^0.14.3",
    "mini-css-extract-plugin": "0.4.0",
    "node-loader": "^0.6.0",
    "node-sass": "^4.9.2",
    "sass-loader": "^7.0.3",
    "style-loader": "^0.21.0",
    "url-loader": "^1.0.1",
    "vue-html-loader": "^1.2.4",
    "vue-loader": "^15.2.4",
    "vue-style-loader": "^4.1.0",
    "vue-template-compiler": "^2.5.16",
    "webpack": "^4.15.1",
    "webpack-cli": "^3.0.8",
    "webpack-dev-server": "^3.1.4",
    "webpack-hot-middleware": "^2.22.2",
    "webpack-merge": "^4.1.3"
  }
}

I have not found a topic with a similar problem, so I can assume that I am doing something wrong. Any suggestions?