vue2/vuex2的那点坑

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

说是坑，其实大部分是我们自己的过错！

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 的配置文件,比如：

{

"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 配置中添加下面的别名：

resolve: {

alias: {

'vue$': 'vue/dist/vue.js'

}