Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Nuxt 2.X can't import Axios #5243

Copy link
Copy link

Description

@LegendSebastiano-L
Issue body actions

Describe the bug

I just upgrade Axios to V1 in a Nuxt 2 project and I'm getting this error:

require() of ES Module /private/var/www/html/XXX/node_modules/axios/index.js from /private/var/www/html/XXX/node_modules/vue-server-renderer/build.dev.js not supported.
Instead change the require of index.js in /private/var/www/html/XXX/node_modules/vue-server-renderer/build.dev.js to a dynamic import() which is available in all CommonJS modules.

Instead change the require of index.js in node_modules/vue-server-renderer/build.dev.js to a dynamic import() which is available in all CommonJS modules.

  at r (node_modules/vue-server-renderer/build.dev.js:7946:24)
  at Object.axios (webpack:/external "axios":1:0)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at Module../node_modules/@Company/package/UserService.js (node_modules/@Company/package/UserService.js:1:0)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at Module../store/membership/actions.js (store/membership/actions.js:1:0)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at Module../store/membership/index.js (store/membership/index.js:1:0)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at updateModules (.nuxt/store.js:24:0)
  at Module../.nuxt/store.js (.nuxt/store.js:50:0)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at Module../.nuxt/index.js (.nuxt/index.js:1:0)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at Module../.nuxt/server.js (.nuxt/server.js:1:0)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at Object.0 (server.js:4816:18)
  at __webpack_require__ (webpack/bootstrap:25:0)
  at server.js:118:18
  at Object.<anonymous> (server.js:121:10)
  at evaluateModule (node_modules/vue-server-renderer/build.dev.js:7953:25)
  at node_modules/vue-server-renderer/build.dev.js:7987:25
  at new Promise (<anonymous>)
  at userContext (node_modules/vue-server-renderer/build.dev.js:7984:38)
  at Object.renderToString (node_modules/vue-server-renderer/build.dev.js:8146:17)
  at SSRRenderer.render (node_modules/@nuxt/vue-renderer/dist/vue-renderer.js:353:38)
  at runMicrotasks (<anonymous>)

We use import import axios from 'axios' throughout the code in asyncData (Server) and in the browser side

To Reproduce

No response

Code snippet

No response

Expected behavior

No response

Axios Version

1.1.3

Adapter Version

No response

Browser

No response

Browser Version

No response

Node.js Version

16.14.2

OS

No response

Additional Library Versions

No response

Additional context/Screenshots

No response

Reactions are currently unavailable

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

    Morty Proxy This is a proxified and sanitized view of the page, visit original site.