1

npm install-保存v-md-date-range-picker

2

<template>
  <v-md-date-range-picker></v-md-date-range-picker>
</template>

3

<script>
import Vue from 'vue';
import VMdDateRangePicker from "v-md-date-range-picker";
import "v-md-date-range-picker/dist/v-md-date-range-picker.css";

Vue.use(VMdDateRangePicker);
</script>

因此，我在项目文件夹的终端中运行了命令，将2位代码添加到了HelloWorld.vue页面，然后将步骤3中的代码添加到了main.js中。

当我查看package.json文件时，会看到：

"dependencies": {
  "core-js": "^2.6.5",
  "v-md-date-range-picker": "^2.6.0",
  "vue": "^2.6.10"
},

但是，我得到了错误：

未找到模块：错误：无法解析“ / Users / James / Documents / projects / vue”中的“ v-md-date-range-picker / dist / v-md-date-range-picker.css” -test / src'

我在这里想念明显的东西吗？

编辑：

我尝试了以下评论中的回复，但该回复无效。

在模块的主页上，我按照说明进行操作。但是，在浏览这些页面时，我发现了相同的说明以及一些额外的文字：

我假设您的捆绑器设置有效，例如由能够加载SASS样式表和Vue.js SFC（单个文件组件）的vue-cli生成。

我要在这里四肢走动，说我没有工作的打捆机。我进入了node_modules文件夹，找到了那个模块并向里看。没有dist文件夹。只是.scss文件等。

因此，我认为我需要以某种方式首先构建该项目。

我该怎么做？

我认为在浏览器中运行它会即时完成，但显然没有。

编辑2：

在四处搜寻之后，我找到了命令：

$ npm run build.

哪个给我这个错误：

找不到此依赖项，要安装它，可以运行：npm install --save v-md-date-range-picker / dist / v-md-date-range-picker.css

因此，我运行该命令，然后收到错误消息：

由于它不包含package.json文件，因此无法从“ v-md-date-range-picker / dist / v-md-date-range-picker.css”安装。

Answer 1

检查是否可以在build文件夹内的webpack.base.conf.js中找到它。如果没有添加。

module: {
    rules: [
      {
        test: /\.css$/,
        loader: ['style-loader', 'css-loader'], // Note that the order is very important
      },

运行npm install style-loader css-loader --save，然后将其添加到文件中。

解决您的问题

运行命令：npm install sass-loader --save

然后为模块中的每个SCSS文件添加一个导入。

这不是最理想的解决方案，但对于我来说，该软件包似乎很破损，这只是一种解决方法。

我将花一些时间亲自尝试该库并尝试为其提供修复。

Answer 2

在 v-md-date-range-picker / dist / 中创建 v-md-date-range-picker.css ，并从中复制CSS md-date-range-picker.min.css

并刷新页面。由于某些原因，当我们安装md-date-range-picker.min

时未创建css文件

找不到Vue JS模块（日期选择器）

1

2

3

编辑：

编辑2：

2 个答案: