如何解決這樣的文件或目錄“ router.js”

Question

添加新file.vue之后，我正在處理Nuxt項目，出現以下錯誤：

Failed to compile with 1 errors                                              friendly-errors 16:19:30


 ERROR  in ./.nuxt/router.js                                                         friendly-errors 16:19:30

Module build failed (from ./node_modules/eslint-loader/index.js):                    friendly-errors 16:19:30
Error: ENOENT: no such file or directory, open '/Users/jacopotabani/Desktop/my-movie-app-PWA-v2/.nuxt/router.js

如果我在文件夾.nuxt中查找，則文件“ router.js”消失。 我試圖從以前制作的項目的副本中復制router.js文件，但是重新加載應用程序后，文件“ router.js”在“ router 4.js”中會自動更改。

我該如何解決？

Answer 1

當使用Nuxt.js ，通常應使用pages目錄，該目錄是Nuxt用來生成路由器配置對象的。 參考

Nuxt.js根據您在pages目錄內的Vue文件的文件樹自動生成vue-router配置。

例如，讓我們考慮您具有以下文件樹：

pages/
--| user/
-----| index.vue
-----| one.vue
--| index.vue

將生成以下路由器配置：

router: {
  routes: [
    {
      name: 'index',
      path: '/',
      component: 'pages/index.vue'
    },
    {
      name: 'user',
      path: '/user',
      component: 'pages/user/index.vue'
    },
    {
      name: 'user-one',
      path: '/user/one',
      component: 'pages/user/one.vue'
    }
  ]
}