Javascript Nuxtjs导入vue组件

我是nuxtjs新手，正在尝试将vue组件导入nuxt

我在我的项目中使用vuetify，我想使用这个插件，它是一个日期范围选择器

我已经使用

npm

添加了组件

我的

numxt.config.js

如下所示：

。。。
//全局CSS(https://go.nuxtjs.dev/config-css)
css:[
{src:'~/node_modules/vuetify daterange picker/dist/vuetify daterange picker.css'}
],
//在呈现页面之前要运行的插件(https://go.nuxtjs.dev/config-plugins)
插件：[
],
//自动导入组件(https://go.nuxtjs.dev/config-components)
组成部分：正确，
//开发和构建模块（推荐）(https://go.nuxtjs.dev/config-modules)
构建模块：[
// https://go.nuxtjs.dev/eslint
//“@nuxtjs/eslint模块”，
// https://go.nuxtjs.dev/vuetify
“@nuxtjs/vuetify”，
“~/node\u模块/vuetify日期范围选择器”
],
//模块(https://go.nuxtjs.dev/config-modules)
模块：[
// https://go.nuxtjs.dev/axios
“@nuxtjs/axios”，
// https://go.nuxtjs.dev/pwa
“@nuxtjs/pwa”，
// https://go.nuxtjs.dev/content
“@numxt/content”，
],
//Axios模块配置(https://go.nuxtjs.dev/config-axios)
axios:{}，
//内容模块配置(https://go.nuxtjs.dev/config-content)
内容：{}，
...

当我运行我的项目时，浏览器中出现了这个错误

终端中的这个错误

---

不要从“节点模块”手动导入组件

您必须创建一个新的Nuxt“插件”，以便在Nuxt中导入和初始化vue组件：

//插件/your-component.js
从“vuetify日期范围选择器”导入vuetify日期范围选择器；
导入“vuetify daterange picker/dist/vuetify daterange picker.css”；
Vue.use（VuetifyDaterangePicker）；

//nuxt.config.js
导出默认值{
插件：['~/plugins/your component.js']，
// ...
}

见文件：

---

---

另一种方法是使用nuxt

vuetify模块

：

我也尝试过，但遇到了同样的问题。我们需要更多详细信息来了解您在这一步中的错误。您能否在github或codesandbox上共享您的项目，以重现问题并检查您的源代码？