Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/479.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 找不到Vue JS模块(日期选择器)_Javascript_Vue.js - Fatal编程技术网

Javascript 找不到Vue JS模块(日期选择器)

Javascript 找不到Vue JS模块(日期选择器),javascript,vue.js,Javascript,Vue.js,我是vue.js的新手-我今天才开始使用它,很自然地遇到了一个似乎无法解决的错误 我正在使用v-md-date-range-picker模块: ( 说明要求我执行以下操作: 1. npm安装--保存v-md-date-range-picker 2. 但是,我得到了一个错误: 未找到模块:错误:无法解析“/Users/James/Documents/projects/vue test/src”中的“v-md-date-range-picker/dist/v-md-date-range-picker

我是vue.js的新手-我今天才开始使用它,很自然地遇到了一个似乎无法解决的错误

我正在使用v-md-date-range-picker模块: (

说明要求我执行以下操作:

1. npm安装--保存v-md-date-range-picker

2. 但是,我得到了一个错误:

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

我是不是错过了一些显而易见的东西

编辑: 我在下面的评论中尝试了这个答案,但没有成功

在模块主页上,我按照说明进行操作。然而,翻阅这些页面,我发现相同的说明中有一些额外的文本:

我假设您有一个可用的绑定器设置,例如,由vue cli生成,能够加载SASS样式表和vue.js SFC(单文件组件)

我要冒一个险说我没有一个工作的bundler。我进入node_modules文件夹,找到了那个模块,然后看了看里面。没有dist文件夹。只有.scss文件等等

所以,我假设我需要先建立这个项目

我该怎么做

我原以为在浏览器中运行它会在运行时完成这项工作,但显然没有

编辑2: 通过谷歌搜索,我找到了命令:

$ npm run build. 
这给了我一个错误:

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

因此,我运行该命令,然后得到错误:

无法从“v-md-date-range-picker/dist/v-md-date-range-picker.css”安装,因为它不包含package.json文件


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

module: {
    rules: [
      {
        test: /\.css$/,
        loader: ['style-loader', 'css-loader'], // Note that the order is very important
      },
运行
npm安装样式加载器css加载器--保存
,然后将其添加到文件中(如果不存在)

回答你的问题 运行命令:
npm install sass loader--save

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

这不是最理想的解决方案,但在我看来,该软件包似乎已损坏,这只是一种变通方法


我将自己花时间试用该库,并尝试为其提供修复。

v-md-date-range-picker/dist/中创建v-md-date-range-picker.css,并从


并刷新您的页面。由于某些原因,在我们安装md日期范围选择器时未创建css文件。min

它是一个组件,您应该在中指定它并将其用作标记名。Hi@MatJ感谢您的回复。据我所知,这是一个模块,不正确?我遵循了官方文档中的说明。我错过了吗ed?Edit:我刚从main.js中取出它,并将导入等添加到组件vue文件中,这会引发更多错误。啊,谢谢,该链接没有显示为链接(已编辑?)。无论如何,谢谢。我会仔细检查一下。@MatJ请查看“编辑到原始帖子”我没有生成文件夹。我似乎只有节点模块,公共和SRC看起来文件路径是错误的。你可以深入查看
节点模块
文件夹,看看你应该实际引用什么文件。
"dependencies": {
  "core-js": "^2.6.5",
  "v-md-date-range-picker": "^2.6.0",
  "vue": "^2.6.10"
},
$ npm run build. 
module: {
    rules: [
      {
        test: /\.css$/,
        loader: ['style-loader', 'css-loader'], // Note that the order is very important
      },