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'