时间戳

首页 > 解决方案 > 为 vue-shepherd 导入 CSS 文件时遇到问题

vue.js - 为 vue-shepherd 导入 CSS 文件时遇到问题

问题描述

我正在尝试vue-shepherd跑步，其中一个步骤是：

您需要先导入样式：

@import '~shepherd.js/dist/css/shepherd.css';

但是当我这样做时：

<style lang='css'>
  @import '~shepherd.js/dist/css/shepherd.css';
</style>

我收到此错误：

Error: Failed to find '~shepherd.js/dist/css/shepherd.css'

我已将这两个插件添加到我的 package.json

 "shepherd.js": "^8.1.0",
 "vue-shepherd": "^0.2.1",

我应该如何将 vue-shepherd CSS 文件导入 Vue？

编辑：

这是完整的错误..

Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Failed to find '~/node_modules/shepherd.js/dist/css/shepherd.css'

标签： vue.js

解决方案

我有同样的问题，我用require().

导入将是这样的：

import Vue from 'vue';

import VueShepherd from 'vue-shepherd';

Vue.use(VueShepherd);

require('shepherd.js/dist/css/shepherd.css');

推荐阅读