defineConfig is undefined when required from @vue/cli-service - vue.config.js

Question

I'm trying to set up my vue.config.js file and found that issue when I use defineConfig method from @vue/cli-service.

TypeError: defineConfig is not a function

vue.config.js

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
  devServer: {
    port: 3001,
  },
});

defineConfig is undefined. I was trying to look for it in cli-service folder, but (as suppose) there is no such method.

I'm using vue.js 3, yarn 1.22.17 and my @vue/cli version is 4.5.15. Is it possible that defineConfig is for @vue/cli version 5..?

Boussadjra Brahim · Accepted Answer · 2023-05-19 08:33:44Z

6

defineConfig macro is used by Vue CLI 5 not by Vue CLI 4, the right syntax for vue cli 4:

module.exports = {
  devServer: {
    port: 3001,
  },
};

You should upgrade to be able to use this macro.

edited May 19, 2023 at 8:33

answered Jun 17, 2022 at 18:56

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ismail Omar · Accepted Answer · 2023-11-14 07:25:04Z

5

It seems you use old version of vue_cli.

Solution:

UPGRADE YOUR VUE CLI TO LATEST VERSION

Go to package.json and change @vue/cli-service to latest version

"@vue/cli-service": "^5.0.8",

Then will work, thanks.

answered Nov 14, 2023 at 7:25

Ismail Omar

6257 silver badges11 bronze badges

Comments

Bobby Billy Bruder · Accepted Answer · 2022-12-02 21:22:50Z

1

The defineConfig function is available in @vue/cli-service v5 but not v4. I had the same problem and updating to v5 fixed the problem. You can also see it explicitly mentioned in the Vue CLI docs (so it isn't specific to Vite).

answered Dec 2, 2022 at 21:22

Bobby Billy Bruder

363 bronze badges

Comments

Mithilesh PT · Accepted Answer · 2025-01-23 07:31:32Z

0

well, for me I uninstalled recently installed package and then retried it should work 95% of the times.

once build is successful reinstall the packages with right versions. this should solve the issue

all the best

answered Jan 23 at 7:31

Mithilesh PT

1

1 Comment

Community Jan 23 at 8:17

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

defineConfig is undefined when required from @vue/cli-service - vue.config.js

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related