說是坑，其實大部分是我們自己的過錯！
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打包，無模塊.