Question

我正在使用vue-cli（6.3.0），node（10.8.0）和npm（6.3.0），并使用本教程Build your first vue.js components设置了一个基本项目，我来添加vue-awesome

$ npm install vue-awesome $ npm install

我可以看到vue-awesome已添加到package.json

我有一个文件componets / rating.vue

<template>
  <div>
   <ul>
     <li><icon name="star"/></li>
     <li><icon name="star"/></li>
     <li><icon name="star"/></li>
     <li><icon name="star-o"/></li>
     <li><icon name="star-o"/></li>
   </ul>
   <span>3 of 5</span>
 </div>
</template>

<script>
import 'vue-awesome/icons/star'
 import 'vue-awesome/icons/star-o'

 import Icon from 'vue-awesome/components/Icon'

 export default {
   components: { Icon }
 }
</script>

main.js是

import Vue from 'vue'
import App from './App'
import router from './router'
import Rating from './components/Rating'
Vue.config.productionTip = false
new Vue({
  el: '#app',
  router,
  template: '<Rating/>',
  components: {
    Rating
  }
})

npm run dev

给我这个错误，

ERROR编译失败，出现1个错误
  下午7:11:40

未找到此依赖项：


./ node_modules / babel-loader / lib！./ node_modules / vue-loader / lib / selector.js？type = script＆index = 0！./ src / components / Rating中的vue-awesome / icons / star-o .vue


要安装它，可以运行：npm install --save   vue-awesome / icons / star-o

所以我运行了$ npm install --save vue-awesome / icons / star-o

这给了我

npm错误！代码ENOLOCAL npm ERR！无法从安装   “ vue-awesome / icons / star-o”，因为它不包含package.json文件。

npm错误！有关此运行的完整日志，请参见：npm ERR！
  /Users/shanegibney/.npm/_logs/2018-08-15T18_18_10_343Z-debug.log

对于可能导致此问题的任何帮助，我们将不胜感激，

谢谢

Answer 1

您可以使用regular/star：

<v-icom name='regular/star'></v-icon>

使用vue.js无法获得令人敬畏的vue

1 个答案: