Javascript 自定义nuxt.js组件目录的正确配置是什么?
Javascript 自定义nuxt.js组件目录的正确配置是什么?,javascript,node.js,webpack,nuxt.js,dotenv,Javascript,Node.js,Webpack,Nuxt.js,Dotenv,大家好 我正在学习使用nuxt.js,我的问题是如何使用与nuxt.js制作的应用程序的默认结构不同的自定义目录 问题:index.vue无法从我的组件自定义目录加载.vue组件 在nuxt.config.file中,我有以下配置: /* **Custom directory structure configuration paths **Change as desires **Important Note: This is a function not well documen
大家好
我正在学习使用nuxt.js,我的问题是如何使用与nuxt.js制作的应用程序的默认结构不同的自定义目录
问题:index.vue无法从我的组件自定义目录加载.vue组件
在nuxt.config.file中,我有以下配置:
/*
**Custom directory structure configuration paths
**Change as desires
**Important Note: This is a function not well documented on nuxt.org
*/
dir: {
views: 'views',
components: 'views/components',
layouts: 'views/layouts',
pages: 'views/pages',
controllers: 'controllers/',
middleware: 'controllers/middleware',
models: 'models',
data: 'models/data',
files: 'models/files',
store: 'models/store',
sources: 'sources',
assets: 'sources/assets',
static: 'sources/static'
},
在nuxt的index.vue默认文件中创建项目,并将其放在文件末尾
<script>
import Logo from '~components/Logo.vue'
import VuetifyLogo from '~components/VuetifyLogo.vue'
export default {
components: {
Logo,
VuetifyLogo
}
}
</script>
shell或comand提示符中的错误消息为
ERROR Failed to compile with 2 errors friendly-errors 12:12:09
These dependencies were not found: friendly-errors 12:12:09
friendly-errors 12:12:09
* ~/components/Logo.vue in
./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib
??vue-loader-options!./views/pages/index.vue?vue&type=script&lang=js&
* ~/components/VuetifyLogo.vue in
./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib
??vue-loader-options!./views/pages/index.vue?vue&type=script&lang=js&
friendly-errors 12:12:09
To install them, you can run: npm install --save ~/components/Logo.vue ~/components/VuetifyLogo.vue
localhost/3000上的错误消息为
Module not found: Error: Can't resolve
'~/components/Logo.vue'
in '/home/user/desktop/nuxt/views/pages'
Module not found: Error: Can't resolve
'~/components/VuetifyLogo.vue'
in '/home/user/desktop/nuxt/views/pages'
我不知道为什么要在“视图/页面/”上查找组件。如果我已经在“视图/组件/”中定义了组件,并且将“视图”定义为“视图”,有关我所做工作的更多信息,请参阅:
使用默认目录结构时没有错误
!节日快乐
Module not found: Error: Can't resolve
'~/components/Logo.vue'
in '/home/user/desktop/nuxt/views/pages'
Module not found: Error: Can't resolve
'~/components/VuetifyLogo.vue'
in '/home/user/desktop/nuxt/views/pages'