Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Several Vue Warn received for simple example #16

Open
CharGomez opened this issue Mar 26, 2019 · 13 comments
Open

Several Vue Warn received for simple example #16

CharGomez opened this issue Mar 26, 2019 · 13 comments

Comments

@CharGomez
Copy link

CharGomez commented Mar 26, 2019

I'm receiving different warns when trying to implement a simple context menu, using code from the examples, this warn is triggered when I hover on a child element.

Educlimber 2019-03-25 23-29-29

  <hsc-menu-style-white>
    <hsc-menu-button-menu style="margin: 50px;" @open="open" @close="close">
      <button>Click Here</button>
      <template slot="contextmenu">
        <hsc-menu-item label="MenuItem 1"/>
        <hsc-menu-item label="MenuItem 2"/>
        <hsc-menu-item label="MenuItem 2">
          <hsc-menu-item label="MenuItem 4"/>
          <hsc-menu-item label="MenuItem 5"/>
        </hsc-menu-item>
      </template>
    </hsc-menu-button-menu>
  </hsc-menu-style-white>
</template>
<script>
export default {
  methods: {
    open() {
      console.log("open");
    },
    close() {
      console.log("close");
    }
  }
};
</script>
<style>
.box {
  box-shadow: 0 0 4pt rgba(0, 0, 0, 0.25);
  border-radius: 20pt;
  background-color: rgba(255, 255, 255, 0.25);
  user-select: none;
  cursor: context-menu;
}
</style>```
@michitaro
Copy link
Owner

What warning did you get?

@CharGomez
Copy link
Author

What warning did you get?

I just updated the Issue 😄

@michitaro
Copy link
Owner

Oh, thanks for the report. I'll inspect it.

@michitaro
Copy link
Owner

I cannot reproduce the problem with a cleanly re-created project.
Could you provide a repository reproducing the problem?

The warning in your screenshot sais property or method $firebaseRefs is not defined.
The problem is caused in conflicts between vue-menu and firebase-things.

@dd1994
Copy link

dd1994 commented May 10, 2019

Screen Shot 2019-05-10 at 12 27 27

+1 for this

@notchris
Copy link

notchris commented Jun 5, 2019

Also getting this issue.

@notchris
Copy link

An update: This issue occurs even without anything firebase related in my project.

@michitaro
Copy link
Owner

@notchris Could you share your package.json and package-lock.json?

@notchris
Copy link

@michitaro Sure thing, here is my package.json. Do you want the yarn.lock file as well?

@michitaro
Copy link
Owner

michitaro commented Jul 15, 2019

@notchris Thanks!

Do you want the yarn.lock file as well?

Yes, I'd like it.

@notchris
Copy link

Sure thing, had trouble with bpaste since it's larger so I put it on my server temporarily. https://notchris.net/example_yarnlock.txt

@michitaro
Copy link
Owner

I could not reproduce the problem with your package.json and yarn.lock.
Could you provide a minimum reproduction repository? Or could you make changes on this repository and make a PR?

@notchris
Copy link

@michitaro Sure thing, when I get home from work I'll create a mrr.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants