Refresh web page endlessly. [vue-component][METEOR@1.8]


#1

add akryum:vue-component to project

METEOR@1.8

How to fixed
Refresh web page endlessly.


#2

I have the same problem, the terminal show following message:

Compiling /Users/sven/Documents/app/imports/ui/components/App/index.vue with meteor-babel without a cache
[object Object]
    at Object.exports.compile (/Users/sven/.meteor/packages/akryum_vue-component/.0.14.1.1e4ec1e.qciu++os+web.browser+web.browser.legacy+web.cordova/plugin.vue-component.os/npm/node_modules/meteor/babel-compiler/node_modules/meteor-babel/index.js:77:13)
    at Object.compile (packages/babel-compiler.js:44:29)
    at VueComponentTagHandler.getResults (packages/vue-component/plugin/tag-handler.js:128:30)
    at compileTags (packages/vue-component/plugin/vue-compiler.js:540:18)
    at compileOneFileWithContents (packages/vue-component/plugin/vue-compiler.js:549:12)
    at VueCompo.compileOneFile (packages/vue-component/plugin/vue-compiler.js:137:12)
    at async.eachLimit (packages/vue-component/plugin/vue-compiler.js:54:34)
    at /Users/sven/.meteor/packages/akryum_vue-component/.0.14.1.1e4ec1e.qciu++os+web.browser+web.browser.legacy+web.cordova/plugin.vue-component.os/npm/node_modules/meteor/vue-component/node_modules/async/dist/async.js:3096:16
    at replenish (/Users/sven/.meteor/packages/akryum_vue-component/.0.14.1.1e4ec1e.qciu++os+web.browser+web.browser.legacy+web.cordova/plugin.vue-component.os/npm/node_modules/meteor/vue-component/node_modules/async/dist/async.js:998:17)
    at /Users/sven/.meteor/packages/akryum_vue-component/.0.14.1.1e4ec1e.qciu++os+web.browser+web.browser.legacy+web.cordova/plugin.vue-component.os/npm/node_modules/meteor/vue-component/node_modules/async/dist/async.js:1002:9
    at Object.eachLimit$1 (/Users/sven/.meteor/packages/akryum_vue-component/.0.14.1.1e4ec1e.qciu++os+web.browser+web.browser.legacy+web.cordova/plugin.vue-component.os/npm/node_modules/meteor/vue-component/node_modules/async/dist/async.js:3182:24)
    at VueCompo.processFilesForTarget (packages/vue-component/plugin/vue-compiler.js:38:11)
    at __bottom_mark__ (/tools/utils/parse-stack.js:69:14)
    at /tools/isobuild/compiler-plugin.js:198:27
    at /tools/utils/buildmessage.js:359:18
    at exports.EnvironmentVariable.withValue (/tools/utils/fiber-helpers.js:89:14)
    at /tools/utils/buildmessage.js:352:34
    at exports.EnvironmentVariable.withValue (/tools/utils/fiber-helpers.js:89:14)
    at /tools/utils/buildmessage.js:350:23
    at exports.EnvironmentVariable.withValue (/tools/utils/fiber-helpers.js:89:14)
    at Object.enterJob (/tools/utils/buildmessage.js:324:26)
    at Profile.time (/tools/isobuild/compiler-plugin.js:185:22)
    at Function.time (/tools/tool-env/profile.js:305:10)
    at /tools/isobuild/compiler-plugin.js:184:15
    at Function._.each._.forEach (/Users/sven/.meteor/packages/meteor-tool/.1.8.0.v2m18x.gmm68++os.osx.x86_64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.x86_64/dev_bundle/lib/node_modules/underscore/underscore.js:87:22)
    at CompilerPluginProcessor.runCompilerPlugins (/tools/isobuild/compiler-plugin.js:174:7)
    at ClientTarget._runCompilerPlugins (/tools/isobuild/bundler.js:1102:22)
    at buildmessage.enterJob (/tools/isobuild/bundler.js:835:34)
    at /tools/utils/buildmessage.js:359:18
    at exports.EnvironmentVariable.withValue (/tools/utils/fiber-helpers.js:89:14)
    at /tools/utils/buildmessage.js:352:34
    at exports.EnvironmentVariable.withValue (/tools/utils/fiber-helpers.js:89:14)
    at /tools/utils/buildmessage.js:350:23
    at exports.EnvironmentVariable.withValue (/tools/utils/fiber-helpers.js:89:14)
    at Object.enterJob (/tools/utils/buildmessage.js:324:26)
    at ClientTarget.make (/tools/isobuild/bundler.js:829:18)
    at /tools/isobuild/bundler.js:3115:14
    at webArchs.forEach.arch (/tools/isobuild/bundler.js:3266:25)
    at Array.forEach (<anonymous>)
    at /tools/isobuild/bundler.js:3220:14
    at /tools/utils/buildmessage.js:271:13
    at exports.EnvironmentVariable.withValue (/tools/utils/fiber-helpers.js:89:14)
    at /tools/utils/buildmessage.js:264:29
    at exports.EnvironmentVariable.withValue (/tools/utils/fiber-helpers.js:89:14)
    at /tools/utils/buildmessage.js:262:18
    at exports.EnvironmentVariable.withValue (/tools/utils/fiber-helpers.js:89:14)
    at /tools/utils/buildmessage.js:253:23
    at exports.EnvironmentVariable.withValue (/tools/utils/fiber-helpers.js:89:14)
    at Object.capture (/tools/utils/buildmessage.js:252:19)
    at bundle (/tools/isobuild/bundler.js:3096:31)
    at files.withCache (/tools/isobuild/bundler.js:3041:32)
    at Object.withCache (/tools/fs/files.js:1712:12)
    at Object.bundle (/tools/isobuild/bundler.js:3041:16)
    at Profile.run (/tools/runners/run-app.js:569:24)
    at Function.run (/tools/tool-env/profile.js:490:12)
    at bundleApp (/tools/runners/run-app.js:568:34)
    at AppRunner._runOnce (/tools/runners/run-app.js:610:35)
    at AppRunner._fiber (/tools/runners/run-app.js:908:28)
    at /tools/runners/run-app.js:398:12

#3

This issue is tracked here: https://github.com/meteor-vue/vue-meteor/issues/326


#4

I’m currently working around this by switching off HMR. This means that I’m leveraging Meteor’s own system to do hot code pushing:

export NO_HMR=1

#5

@cloudspider,
using NO_HMR=1 does indeed stop the pages reload caused by akryum:vue-component. however, when starting meteor run with export NO_HMR=1 I get errors like:

compiling [path-to-vue-component-file] with meteor-babel without a cache
[object Object]
    at Object.exports.compile (/Users/hluz/.meteor/packages/akryum_vue-component/.0.14.1.1e85bee.wp5xi++os+web.browser+web.browser.legacy+web.cordova/plugin.vue-component.os/npm/node_modules/meteor/babel-compiler/node_modules/meteor-babel/index.js:77:13)
    at Object.compile (packages/babel-compiler.js:44:29)
    at VueComponentTagHandler.getResults (packages/vue-component/plugin/tag-handler.js:128:30)
    at compileTags (packages/vue-component/plugin/vue-compiler.js:540:18)
    at compileOneFileWithContents (packages/vue-component/plugin/vue-compiler.js:549:12)
    at VueCompo.compileOneFile (packages/vue-component/plugin/vue-compiler.js:137:12)
    at async.eachLimit (packages/vue-component/plugin/vue-compiler.js:54:34)

It does not appear to cause any functional problems though. Does it happen to you? Any thoughts?


#6

Indeed, I do get it occasionally, but I didnt have time to dive into it yet. I’ve cloned the package and will investigate the actual issue in order to help akryum a bit though. It seems like its the component package complaining that its not working with the babel cache? Doesnt hurt me atm.