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.

Sign up for GitHub

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

Jump to bottom

Meteor tool 1.8.3, cannot run basic example from meteor manual #385

Closed
richard-fairthorne opened this issue Dec 20, 2019 · 4 comments
Closed

Meteor tool 1.8.3, cannot run basic example from meteor manual #385

richard-fairthorne opened this issue Dec 20, 2019 · 4 comments

Comments

@richard-fairthorne
Copy link

richard-fairthorne commented Dec 20, 2019 •
edited
Loading

Running the basic example from the meteor 1.8 manual ( https://guide.meteor.com/vue.html#integrating-vue-with-meteor ) results in an error.

Safari:
Screen Shot 2019-12-20 at 10 40 05 AM

Chrome:
Screen Shot 2019-12-20 at 11 28 16 AM

A new directory was created and the example was followed to the letter. (by cut and paste)

I get the same result starting with a default meteor project, and a bare meteor project.

client/main.js

import Vue from 'vue';
import App from './App.vue';
import './main.html';

Meteor.startup(() => {
  new Vue({
    el: '#app',
    ...App,
  });
});

client/main.html:

<body>
  <div id="app"></div>
</body>

client/App.vue

<template>
  <div>
    <p>This is a Vue component and below is the current date:<br />{{date}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: new Date(),
    };
  }
}
</script>

<style scoped>
  p {
    font-size: 2em;
    text-align: center;
  }
</style>

package.json

{
  "name": "124-debug",
  "private": true,
  "scripts": {
    "start": "meteor run",
    "test": "meteor test --once --driver-package meteortesting:mocha",
    "test-app": "TEST_WATCH=1 meteor test --full-app --driver-package meteortesting:mocha",
    "visualize": "meteor --production --extra-packages bundle-visualizer"
  },
  "dependencies": {
    "@babel/runtime": "^7.7.6",
    "jquery": "^3.4.1",
    "meteor-node-stubs": "^1.0.0",
    "vue": "2.6.11"
  },
  "meteor": {
    "mainModule": {
      "client": "client/main.js",
      "server": "server/main.js"
    },
    "testModule": "tests/main.js"
  }
}

.meteor/packages

# Meteor packages used by this project, one per line.
# Check this file (and the other files in this directory) into your repository.
#
# 'meteor add' and 'meteor remove' will edit this file for you,
# but you can also edit it by hand.

[email protected]             # Packages every Meteor app needs to have
[email protected]       # Packages for a great mobile UX
[email protected]                   # The database Meteor supports right now
blaze-html-templates    # Compile .html files into Meteor Blaze views
jquery                  # Wrapper package for npm-installed jquery
[email protected]            # Reactive variable for tracker
[email protected]                 # Meteor's client-side reactive programming library

[email protected]   # CSS minifier run for production mode
[email protected]    # JS minifier run for production mode
[email protected]                # ECMAScript 5 compatibility for older browsers
[email protected]              # Enable ECMAScript2015+ syntax in app code
[email protected]              # Enable TypeScript syntax in .ts and .tsx modules
[email protected]            # Server-side component of the `meteor shell` command

[email protected]             # Publish all data to the clients (for prototyping)
[email protected]                # Allow all DB writes from clients (for prototyping)
akryum:vue-component

Meteor package versions:

akryum:[email protected]
akryum:[email protected]
akryum:[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]
[email protected]

software versions:
Screen Shot 2019-12-20 at 11 31 05 AM

I am eager for a solve. Please let me know anything I can try or do to help isolate the issue.
@richard-fairthorne
Copy link
Author

It may be worthy of note that projects created with previous versions of meteor seem to work fine, even after being upgraded to 1.8.3.

@richard-fairthorne
Copy link
Author

I have created a repository containing the non-working code: https://github.com/richard-fairthorne/bugproof-meteor-vue-component-1

@richard-fairthorne richard-fairthorne mentioned this issue Dec 20, 2019
Closed
@mullojo
Copy link

mullojo commented Dec 20, 2019

Hi @richard-fairthorne , this issue showed up with the 1.8.2+ releases. If you want to follow the Vue tutorial for now, you'll need to use meteor 1.8.1, I have a large app built with Meteor + Vue and 1.8.2 caused a new issue. The issue has been identified here, but the fix has not been released yet: #380

@Akryum
Copy link
Collaborator

Akryum commented Dec 28, 2019

This should be fixed in the new version of vue-component

@Akryum Akryum closed this as completed Dec 28, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@richard-fairthorne @Akryum @mullojo