Nuxt.js项目报错Cannot find module ‘@nuxtjs/axios‘

梦里梦外; 2023-07-13 13:43 107阅读 0赞

FATAL  Cannot find module '@nuxtjs/axios'
    Require stack:
    - D:\vue\VueBase\mt-app\node_modules\@nuxt\core\dist\core.js
    - D:\vue\VueBase\mt-app\node_modules\nuxt\dist\nuxt.js
    - D:\vue\VueBase\mt-app\server\index.js
    
      Error: Cannot find module '@nuxtjs/axios'
      Require stack:
      - node_modules\@nuxt\core\dist\core.js
      - node_modules\nuxt\dist\nuxt.js
      - server\index.js
      at Resolver.requireModule (node_modules\@nuxt\core\dist\core.js:569:31)
      at ModuleContainer.addModule (node_modules\@nuxt\core\dist\core.js:164:36)
      at node_modules\@nuxt\utils\dist\utils.js:1802:43
      at ModuleContainer.ready (node_modules\@nuxt\core\dist\core.js:43:5)
      at Nuxt._init (node_modules\@nuxt\core\dist\core.js:651:5)
    
    (node:10732) UnhandledPromiseRejectionWarning: D:\vue\VueBase\mt-app\node_modules\@nuxt\core\dist\core.js:1
    Error: Cannot find module '@nuxtjs/axios'
    Require stack:
    - D:\vue\VueBase\mt-app\node_modules\@nuxt\core\dist\core.js
    - D:\vue\VueBase\mt-app\node_modules\nuxt\dist\nuxt.js
    - D:\vue\VueBase\mt-app\server\index.js
        at Resolver.requireModule (D:\vue\VueBase\mt-app\node_modules\@nuxt\core\dist\core.js:569:31)
        at ModuleContainer.addModule (D:\vue\VueBase\mt-app\node_modules\@nuxt\core\dist\core.js:164:36)
        at D:\vue\VueBase\mt-app\node_modules\@nuxt\utils\dist\utils.js:1802:43
        at ModuleContainer.ready (D:\vue\VueBase\mt-app\node_modules\@nuxt\core\dist\core.js:43:5)
        at Nuxt._init (D:\vue\VueBase\mt-app\node_modules\@nuxt\core\dist\core.js:651:5)
    (node:10732) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 2)
    (node:10732) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
    ^C▒▒ֹ▒▒▒▒▒▒▒▒▒▒▒(Y/N)? ^C^C▒▒ֹ▒▒▒▒▒▒▒▒▒▒▒(Y/N)?

###### 在项目初始化的时候 ######

module.exports = { 
      mode: 'universal',
      /* ** Headers of the page */
      head: { 
        title: process.env.npm_package_name || '',
        meta: [
          {  charset: 'utf-8' },
          {  name: 'viewport', content: 'width=device-width, initial-scale=1' },
          {  hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
        ],
        link: [
          {  rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
        ]
      },
      /* ** Customize the progress-bar color */
      loading: {  color: '#fff' },
      /* ** Global CSS */
       css: [
        'element-ui/lib/theme-chalk/reset.css',
        'element-ui/lib/theme-chalk/index.css',
        '@/assets/css/main.css'
      ],
      /* ** Plugins to load before mounting the App */
      plugins: [
        '@/plugins/element-ui'
      ],
      /* ** Nuxt.js dev-modules */
      buildModules: [
      ],
      /* ** Nuxt.js modules */
      // 项目初始化的时候是没有这个的
      modules: [
        '@nuxtjs/axios'
      ],
      axios: { 
        // See https://github.com/nuxt-community/axios-module#options
      },
      /* ** Build configuration */
      // 项目初始化的时候是没有这个的
      build: { 
        transpile: [/^element-ui/],
        /* ** You can extend webpack config here */
        extend (config, ctx) { 
        },
        cache: true
      }
    }

###### 当时没有太在意，结果后面报错，就只好解决一下了，直接 ######

npm i @nuxtjs/axios

###### 就可以运行了 ######

关注公众号：大明贵妇，无套路获取前端学习资料，期待各位客官来临  
![在这里插入图片描述][20201130105914248.jpg_pic_center]

[20201130105914248.jpg_pic_center]: /images/20230529/dac750bf085d4246af4c63221090cbca.png