无法与 vue.js 一起使用 vue-awesome答案

【问题标题】：Can't get vue-awesome working with vue.js无法与 vue.js 一起使用 vue-awesome
【发布时间】：2019-01-22 15:47:27
【问题描述】：

我正在使用 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 安装

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

我有一个文件 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 运行开发

给我这个错误，

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 错误！无法安装从 “vue-awesome/icons/star-o”，因为它不包含 package.json 文件。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
/Users/shanegibney/.npm/_logs/2018-08-15T18_18_10_343Z-debug.log

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

谢谢

【问题讨论】：

标签： font-awesome vue-cli

【解决方案1】：

你可以使用regular/star：

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

【讨论】：