鍍金池/ 問答/Linux  HTML/ 【vue-svg-icon】 !xml-loader! install erro

【vue-svg-icon】 !xml-loader! install error

按照官方的說法：

1.install

$ npm install vue-svg-icon --save-dev

我的package.json
clipboard.png

2.put your svg into src/svg/
this dir are not supported to be configured now
src folder should be in the same folder with node_modules

這是我的工作目錄:
clipboard.png

3.import vue-svg-icon in your main.js

import Icon from 'vue-svg-icon/Icon.vue';
Vue.component('icon', Icon);

這是main.js

clipboard.png

4.use the svg icon in your vue!
<icon name="chameleon" :scale="20"></icon>

模板：
clipboard.png

OK 跑起來...

clipboard.png

官方解釋：

This dependency was not found:
   
   * !xml-loader!../../src/svg in ./~/.6.4.1@babel-loader/lib!./~/.11.1.4@vue-loader/lib/selector.js?type=script&index=0!./~/.1.2.8@vue-svg-icon/Icon.vue
   
   To install it, you can run: npm install --save !xml-loader!../../src/svg

接下來：

$ cnpm install !xml-loader!../../src/svg
-bash: !xml-loader!../../src/svg: event not found

......HOLY

clipboard.png

有大神遇到這樣的問題嗎？怎么解決的？

回答
編輯回答
涼薄

不知道你的問題解決了沒有？我在src文件夾下新建了svg文件夾就好了。就是和components、router并列的那一級(懶得打字寫文件結(jié)構(gòu)了。。。)

2017年10月21日 21:11
編輯回答
孤客

在main.js中Vue.component('icon', Icon)下方添加這么一句試試：

Icon.inject('moreclass');

注意文件名字和src/svg目錄下的文件名相同，擴(kuò)展名可不寫，使用時的name的名字也是這個moreclass

2017年6月1日 19:54
編輯回答
冷眸

沒有按照xml-loader啊
cnpm install xml-loader

2017年11月30日 00:01