码迷,mamicode.com
首页 > 其他好文 > 详细

vue2/vuex2的那点坑

时间:2016-11-25 07:00:41      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:als   pac   参数   预览   配置文件   时代   imp   cti   报错   

说是坑,其实大部分是我们自己的过错!

vuex官方demo在1.0可以运行,在2.0报错?
此类问题,应该很常见吧?

还有顺溜的利用1.0搭建的webpack编译环境到了vue2.0突然失效了,报错了?简直要疯啊

1.问题一


*Failed to load resource: net::ERR_FILE_NOT_FOUND

*app.js:16381 Uncaught SyntaxError: Unexpected token import

可能你会疑惑,webpack中明明写了 babel 加载器,query中也写了参数presets,然而 es6 的 import依然不识别,这是为什么呢?
答案是如果你的 include 路径没写错,那么 你就应该添加 .babelrc 的配置文件,比如:

1
2
3
4
{
"presets": ["es2015", "stage-2"],
"comments": false
}

 

2.问题二

Failed to mount component: template or render function not defined
这是什么问题呢?因为是2.0的时代了,但我们没认真看api,可能顺手用了1.0的习惯,很明显template or render是 模版编译渲染问题。
官方文档解释 独立构建-vs-运行时构建 解释的多么清楚,一定要看文档
默认 NPM 包导出的是 运行时 构建。为了使用独立构建,在 webpack 配置中添加下面的别名:

1
2
3
4
5
resolve: {
alias: {
‘vue$‘: ‘vue/dist/vue.js‘
}
}

 

3.问题3


vuex官方demo在1.0可以运行,在2.0报错?
[Vue warn]: Property or method “counterValue” is not defined

这又是什么原因呢,因为用着 vue2.0和 vuex2.0 却 使用着 vuex1.0 的语法文档。

什么也不说了,看文档吧 Vuex2 中文文档

这里有写的一个vuex2 demo预览 ,demo源代码 直接使用,无需安装webpack打包,无模块.

vue2/vuex2的那点坑

标签:als   pac   参数   预览   配置文件   时代   imp   cti   报错   

原文地址:http://www.cnblogs.com/donglegend/p/6100131.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!