由於 vue2.0 導致其他相關編譯打包工具沒更新導致
解決辦法: 請運行以下命令
npm update -g
報錯
Error: Cannot find module 'opn' Error: Cannot find module 'webpack-dev-middleware' Error: Cannot find module 'express' Error: Cannot find module 'compression' Error: Cannot find module 'sockjs' Error: Cannot find module 'spdy' Error: Cannot find module 'http-proxy-middleware' Error: Cannot find module 'serve-index'
如果你用的是老版本的 vue-cli 還可能報其他錯誤，需要更新一下 vue-cli
npm update vue-cli
安裝一下這個依賴到工程開發環境
cnpm install opn --save-dev cnpm install webpack-dev-middleware --save-dev cnpm install express --save-dev cnpm install compression --save-dev cnpm install sockjs --save-dev cnpm install spdy --save-dev cnpm install http-proxy-middleware --save-dev cnpm install serve-index --save-dev cnpm install connect-history-api-fallback --save-dev
再啟動項目，報錯
ERROR in ./src/main.js Module build failed: Error: Cannot find module 'babel-runtime/helpers/typeof' at Function.Module._resolveFilename (module.js:440:15) at Function.Module._load (module.js:388:25) at Module.require (module.js:468:17) at require (internal/module.js:20:19) at Object.<anonymous> (/Volumes/MacStorage/Coding/Web/vue-test/node_modules/.6.17.0@babel-core/lib/transformation/file/index.js:6:16) at Module._compile (module.js:541:32) at Object.Module._extensions..js (module.js:550:10) at Module.load (module.js:458:32) at tryModuleLoad (module.js:417:12) at Function.Module._load (module.js:409:3) @ multi main ERROR in ./~/.2.1.0-beta.8@webpack-dev-server/client/socket.js Module not found: Error: Can't resolve 'sockjs-client' in '/Volumes/MacStorage/Coding/Web/vue-test/node_modules/.2.1.0-beta.8@webpack-dev-server/client' @ ./~/.2.1.0-beta.8@webpack-dev-server/client/socket.js 1:13-37 @ ./~/.2.1.0-beta.8@webpack-dev-server/client?http://localhost:8080 @ multi main
安裝一下 babel-runtime
cnpm install babel-helpers --save-dev
啟動項目，再次報錯
Module build failed: Error: Cannot find module 'babel-helpers' Module build failed: Error: Cannot find module 'babel-traverse' Module build failed: Error: Cannot find module 'json5' Module build failed: Error: Cannot find module 'babel-generator' Module build failed: Error: Cannot find module 'detect-indent' Module build failed: Error: Cannot find module 'jsesc'
找不到依賴那就再安裝一下
cnpm install babel-helpers --save-dev cnpm install babel-traverse --save-dev cnpm install json5 --save-dev
遇到
Module build failed: Error: Cannot find module '模塊名'
那就安裝
cnpm install 模塊名 --save-dev(關於環境的，表現為npm run dev 啟動不了) cnpm install 模塊名 --save(關於項目的，比如main.js，表現為npm run dev 成功之后控制台報錯) 比如escape-string-regexp、strip-ansi、has-ansi、is-finite、emojis-list
寫示例時注意：
一、一個組件下只能有一個並列的 div，可以這么寫，所以復制官網示例的時候只要復制 div 里面的內容就好。
二、數據要寫在 return 里面而不是像文檔那樣子寫
