一、 There are multiple modules with names that only differ in casing.

這個情況是如果多出引用的組件 有一個地方的引用地址的大小寫肯定是寫錯了 檢查一下

二、vue渲染iconfont的時候，用unicode，不能直接放在標簽裏面，要用v-html=“”來綁定

三，vue-route傳遞參數的時候，只能用name來跳轉？如果用path來跳轉，好像獲取不到params？vue-route傳遞參數的時候，一定要在route定義的時候加上 :paramname ，如果不加的話，vue可以獲取到，但是url上面不會有顯示。

四、vue-cli打包build出來的dist文件夾，如果直接用本地文件的形式打開，是沒有效果的。

可以使用本地服務器，最簡單的一種就是基於node.js的http-server，使用起來也非常的簡單，首先使用npm install http-server -g來全局安裝，安裝完成之後，在項目文件夾下執行http-server就可以了，在瀏覽器中打開127.0.0.1:8080（這個是默認的端口號，也可以在命令行-p +端口號 來配置修改。）
如果你的index.html不是在項目的根目錄下面，就用127.0.0.1:8080/path/to/index.html這樣的方式來訪問。

五、vue-cli打包出來的項目，可能會出現圖片顯示不出來，字體無法顯示的問題

這個是因為打包之後的資源路徑發生了改變。也有可能是圖片路徑是js動態引入的，需要再url外面套上一層require（‘url/path/name’）

六、組件的懶加載-懶加載參考文檔

let compo1 = ()=>import ‘./component‘

七、安裝webpack-bundle-analyzer，可以可視化分析打包後的js文件大小。

const BundleAnalyzerPlugin = require(‘webpack-bundle-analyzer‘).BundleAnalyzerPlugin;
plugins：[
new BundleAnalyzerPlugin()]
如果是在vue-cli項目裏面，直接在config.js裏面修改bundleAnalyzerReport: true

八、vue-router的params相當於post傳參，不帶名字，只有值，要用name來跳轉才有效果。query相當於get傳參，表現為id=1，這樣的形式。

九、簡化組件引入的相對路徑 - 如果是多頁面結構的話，components的引用往往前面要加很多個點，寫起來比較麻煩。在配置webpack的resolve的時候，可以用alias屬性，將絕對路徑轉化成相對路徑。

十、vue-router添加上meta之後，還要用beforeEach函數來判斷一下，並不是直接添加就ok克噢。

其他小tip：

• vue在傳props類型為數字的時候，如果不加冒號，會被認為是字符串，前面加上冒號，表示js表達式，就會傳過去的是數字了。

vue-cli構建項目常見問題記錄