为vue-shepherd导入CSS文件时遇到麻烦

Question

我正试图让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'

Answer 1

我有同样的问题，我使用require()修复它。

导入将像这样:

import Vue from 'vue';
import VueShepherd from 'vue-shepherd';
Vue.use(VueShepherd);
require('shepherd.js/dist/css/shepherd.css');

Answer 2

尝试:

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