Git Product home page Git Product logo

Comments (14)

ina6ra avatar ina6ra commented on August 21, 2024 1

This Isn't a good way, but it's solved.

$ del *.lock
$ rd /s /q node_modules
$ yarn install
$ yarn build
Done in 47.34s.
$ npm ls jenesius-vue-modal
`-- UNMET DEPENDENCY [email protected] 
npm ERR! missing: [email protected], required by [email protected]

After all it was unknown what was the cause.

from vue-modal.

Jenesius avatar Jenesius commented on August 21, 2024

Hmm

from vue-modal.

Jenesius avatar Jenesius commented on August 21, 2024

@ina6ra Do you have this project on github? I want to test it

from vue-modal.

Jenesius avatar Jenesius commented on August 21, 2024

I think that loader not understand var of class... maybe need to add babel to package.json
I will test it now

from vue-modal.

Jenesius avatar Jenesius commented on August 21, 2024

webpack/webpack#10216

from vue-modal.

ina6ra avatar ina6ra commented on August 21, 2024

@ina6ra Do you have this project on github? I want to test it

Yes, but private 🔒

No problem for new projects.

$ vue --verion
@vue/cli 4.5.13
$ vue create my-project
> Default (Vue 3) ([Vue 3] babel, eslint)
$ cd my-project
$ yarn add jenesius-vue-modal
$ yarn build
Done in 25.78s.

Here is a part of package.json that I use.

{
  "name": "my-project",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit"
  },
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^1.2.35",
    "@fortawesome/free-brands-svg-icons": "^5.15.3",
    "@fortawesome/free-solid-svg-icons": "^5.15.3",
    "@fortawesome/vue-fontawesome": "^3.0.0-4",
    "@tailwindcss/postcss7-compat": "^2.0.2",
    "airtable-plus": "^1.0.4",
    "autoprefixer": "^9",
    "daisyui": "^1.3.4",
    "dayjs": "^1.10.5",
    "japanese-string-utils": "^0.2.4",
    "jenesius-vue-modal": "1.0.14",
    "lodash": "^4.17.21",
    "nholiday-jp": "^1.0.8",
    "postcss": "^7",
    "simple-get-promise": "^3.0.0",
    "string-strip-html": "^8.3.0",
    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2",
    "ua-parser-js": "^0.7.28",
    "urijs": "^1.19.6",
    "vue": "^3.0.0",
    "vue-router": "^4.0.0-0",
    "vue3-datepicker": "^0.2.4",
    "vuex": "^4.0.0-0"
  },
  "devDependencies": {
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-unit-mocha": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/test-utils": "^2.0.0-0",
    "chai": "^4.1.2",
    "gulp-shell": "^0.8.0",
    "vue-cli-plugin-tailwind": "~2.0.6"
  }
}

from vue-modal.

Jenesius avatar Jenesius commented on August 21, 2024

yes, there is a problem
I will use rollup to fix,but i have a problem

from vue-modal.

Jenesius avatar Jenesius commented on August 21, 2024

Okay, rollup files ready, Now I will test them and tell a result
image

from vue-modal.

Jenesius avatar Jenesius commented on August 21, 2024

hmm... my bubel config not don't fix this error, will simple hide the public fields of class

from vue-modal.

Jenesius avatar Jenesius commented on August 21, 2024

@ina6ra, ready: 1.1.7
I'm update version of vue cli and then i start getting errors with new feathers of JS(babel for help..)
Thnx for opening the Issue!

from vue-modal.

ina6ra avatar ina6ra commented on August 21, 2024

Thank you for your support.
There are no build errors but another error has occurred.

Error: "Modal Container not found. Put container from jenesius-vue-modal in App's template. Check documentation for more information https://www.npmjs.com/package/jenesius-vue-modal."

from vue-modal.

ina6ra avatar ina6ra commented on August 21, 2024

Sorry. Maybe my code is just wrong where it has nothing to do with the library.

from vue-modal.

Jenesius avatar Jenesius commented on August 21, 2024

This warning is showed when you try openModal or pushModal without ModalContaoner
Before opening the modal's window, u need to insert ModalContainer(where modal will rendered)

//Your App.vue for example
<template>
  <modal-container/>
   .
   .
   .
</template>
<script>
    import {container} from "jenesius-vue-modal";
    export default {
        components: {ModalContainer: container}
    }
</script>

from vue-modal.

Jenesius avatar Jenesius commented on August 21, 2024

Hmm, also need do warnings from library more better, with link to documentation.

from vue-modal.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.