个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
24
4
我已经将 Elixir 设置为使用 Vueify 和热重载插件。一切都编译正常，但我的编译文件出现控制台错误，Vue 组件似乎没有转换为 html，它仍然显示 <app></app>标签。如果我从 elixir 中删除热重载插件，页面呈现正常。
错误是:
Uncaught TypeError: Cannot read property 'indexOf' of undefined
控制台输出它
[HMR] Attempting websocket connection to http://localhost:3123
app.js:10904 Uncaught TypeError: Cannot read property 'indexOf' of undefined
[vue-devtools] Ready. Detected Vue v1.0.26
[HMR] Websocket connection successful.
[HMR] Updated modules ["resources/assets/js/embeds/html/app.vue"]
因此值得一提的是，它正在接收来自热重载的消息，只是因为这个错误而没有呈现页面。错误发生在已编译的 app.js 中的以下行中文件。
// compat with < 2.0.0-alpha.7
if (Vue.config._lifecycleHooks.indexOf('init') > -1) {
initHookName = 'init'
}
这是我的文件
gulpfile.js
var elixir = require('laravel-elixir');
var gutil = require('gulp-util');
require('laravel-elixir-vueify');
if (gutil.env._.indexOf('watch') > -1) {
// Add the browserify HMR plugin
elixir.config.js.browserify.plugins.push({
name: 'browserify-hmr',
options: {}
})
}
elixir(function (mix) {
mix.browserify('embeds/html/main.js', 'public/js/embeds/html/app.js');
});
main.js
var Vue = require('vue')
var App = require('./app.vue')
new Vue({
el: 'body',
components: {
app: App
},
created: function() {
console.log('test');
}
})
app.vue
<style>
</style>
<template>
<div id="player-wrapper">
{{ msg }}
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Hello world!'
}
}
}
</script>
index.blade.php
<body>
<app></app>
<script type="text/javascript" src="{{ asset('js/app.js') }}"></script>
</body>
最佳答案
可能是 Vue 和 Vue-hot-reload-api 之间的版本兼容性问题。
举个例子，vueify@8.7.0目前依赖vue-hot-reload-api@1.3.2，似乎只兼容Vue@1.x。
根据个人经验，我在将 vue-hot-reload-api@2.x 与 vue@1.x 一起使用时发生了这个特定错误，尽管我没有以相反的方式进行测试。
Vue-hot-reload-api's Github readme 最顶部的注释, 似乎也验证了这个问题。
就我而言，我只是重新安装了兼容 vue@1.0.26 的 vue-hot-reload-api 版本，如下所示:
npm install --save-dev vue-hot-reload-api@^1.3.2
因此请查看您的依赖项的版本。
关于javascript - Vueify + Elixir + 热加载 - 未捕获的类型错误 : Cannot read property 'indexOf' of undefined，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38148704/
24
4
0
我想要类似于以下伪代码的东西: while input is not None and timer = 5: print "took too long" else: print inp
如何将 MainEngine Observable 转换为 Cold？来自这个例子: public IObservable MainEngine { get
自从手表被发明以来，表盘的方圆之争就始终没有停下来过，在漫长的岁月中，无论是方形还是圆形表盘，人们都为其寻找到足够多的设计元素，让其肆意成长，这种生机与活力后来也延续到了智能手表上，在2014年，这
我正在学习 CUDA，试图解决一些标准问题。例如，我正在使用以下代码求解二维扩散方程。但我的结果与标准结果不同，我无法弄清楚。 //kernel definition __global__ void
我的 Web 应用程序使用 native dll 来实现其部分功能(其位置在 PATH 中提供)。一切正常，直到我对 WAR 进行更改并且 JBoss 热部署此 WAR。此时dll已经找不到了，需要手
我看到这个问题here 。这是关于实现每个发出的项目的延迟。这是根据accepted answer如何实现的: Observable.zip(Observable.range(1, 5) .g
我最近一直在进行冷迁移...这意味着我无法在进行迁移时从应用程序级别读取/写入数据库(维护页面)。 这样就不会因为更改结构而发生错误，而且如果负载很大，我也不希望 mysql 在迁移过程中崩溃。 我的
我是一名优秀的程序员,十分优秀！