首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何修复Vue 3中的"Error::devServer“

如何修复Vue 3中的"Error::devServer“
EN

Stack Overflow用户
提问于 2020-12-31 01:54:05
回答 1查看 1.9K关注 0票数 2

我试图将一个devServer配置添加到babel.config.js文件(Vue 3项目)中,并得到了这个错误。即使我从官方网站复制原始代码,它仍然报告此错误。

错误:

代码语言:javascript
复制
Error: Unknown option: .devServer. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.
at throwUnknownError (/Users/aman/Desktop/Vue/vue01/node_modules/@babel/core/lib/config/validation/options.js:124:27)
at /Users/aman/Desktop/Vue/vue01/node_modules/@babel/core/lib/config/validation/options.js:109:5
at Array.forEach (<anonymous>)
at validateNested (/Users/aman/Desktop/Vue/vue01/node_modules/@babel/core/lib/config/validation/options.js:85:21)
at validate (/Users/aman/Desktop/Vue/vue01/node_modules/@babel/core/lib/config/validation/options.js:76:10)
at /Users/aman/Desktop/Vue/vue01/node_modules/@babel/core/lib/config/config-chain.js:200:34
at cachedFunction (/Users/aman/Desktop/Vue/vue01/node_modules/@babel/core/lib/config/caching.js:62:27)
at cachedFunction.next (<anonymous>)
at evaluateSync (/Users/aman/Desktop/Vue/vue01/node_modules/gensync/index.js:251:28)
at sync (/Users/aman/Desktop/Vue/vue01/node_modules/gensync/index.js:89:14)error Command failed with exit code 1.

如何修复“未知选项:.devServer”错误?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-12-31 02:15:35

在Vue CLI项目中,Webpack配置在项目根目录中的vue.config.js中,而不是在babel.config.js中。如果该文件不存在,则应创建该文件并将您的devServer配置放入其中。

来自医生们

vue.config.js是一个可选的配置文件,如果它存在于您的项目根目录(package.json旁边)中,它将由@vue/cli自动加载。您也可以在package.json中使用vue字段,但请注意,在这种情况下,您将仅限于JSON兼容的值。

vue.config.js (非babel.config.js)

代码语言:javascript
复制
module.exports = {
  devServer: {
    // Your configuration goes here
  }
}
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65515745

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档