專案使用vue腳手架自動生成的,vue版本為^2.5.16.專案中需要按需使用element-ui,根據element-ui的官方文件,一開始在babel.config.js檔案中修改配置
module.exports =]],"plugins": [["component", [
]]]};
執行專案報錯:
error: .plugins[0][1] must be an object, false, or undefined
at assertpluginitem (d:\vue-tree\node_modules\_@[email protected]@@babel\core\lib\config\validation\option-assertions.js:244:15)
意思是plugins裡面不能再使用陣列作為引數,修改寫法
module.exports =]],"plugins": [["component", //
刪掉 ]]
}
執行沒有報錯,引入element-ui也可以使用了
另外在按需引入的時候還發現乙個問題,引入
import from 'element-ui';
vue.use(icon)
一開始使用的時候沒有問題,修改了babel配置檔案後,頁面顯示不出來了,一開始以為是babel配置寫錯了,核對後沒有寫錯,再多引入'element-ui的乙個元件後,
import from 'element-ui';
vue.use(icon)
vue.use(button)
原來的icon又能正常顯示了,這個原因我也不太清楚
vue2 0 中引入和使用 axios
axios 是乙個基於 promise 的 http 庫，可以用在瀏覽器和 node.js 中。features 從瀏覽器中建立 xmlhttprequests 從 node.js 建立 http 請求 支援 promise api 攔截請求和響應 轉換請求資料和響應資料 取消請求 自動轉換 jso...
vue2 0建立專案到引入element
一 安裝node環境 提高效率，可以用 的映象 輸入 npm install g cnpm registry 即可安裝npm映象，以後再用到npm的地方直接用cnpm來代替就好了。二 搭建vue專案環境 1 全域性安裝vue cli npm install global vue cli 2 進入你的...
vue按需引入and design報錯
vue add ant designantd官方文件提到的 babel plugin import，乙個用於按需載入元件 和樣式的 babel 外掛程式，樣式自動載入需要先裝這個外掛程式 npm install babel plugin import dev安裝完後配置babel.plugin.co...