vue之Error: Unknown option: .devServer.

最新推荐文章于 2024-04-23 14:38:16 发布

原创最新推荐文章于 2024-04-23 14:38:16 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

Vue 专栏收录该内容

6 篇文章

订阅专栏

文章讲述了在使用内网穿透工具时，遇到关于未知选项.devServer的错误。解决方法是将devServer配置移至项目根目录的vue.config.js而非babel.config.js。附带了参考链接。

背景

在使用内网穿透工具时，加入对应的配置，启动出现报错。

一、遇到的问题

报错：

 Error: Unknown option: .devServer. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.
Error: Unknown option: .devServer. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.
    at throwUnknownError (D:\code\vscode\lottery-front\node_modules\@babel\core\lib\config\validation\options.js:133:27)
    at D:\code\vscode\lottery-front\node_modules\@babel\core\lib\config\validation\options.js:118:5
    at Array.forEach (<anonymous>)
    at validateNested (D:\code\vscode\lottery-front\node_modules\@babel\core\lib\config\validation\options.js:94:21)
    at validate (D:\code\vscode\lottery-front\node_modules\@babel\core\lib\config\validation\options.js:85:10)
    at D:\code\vscode\lottery-front\node_modules\@babel\core\lib\config\config-chain.js:204:34
    at cachedFunction (D:\code\vscode\lottery-front\node_modules\@babel\core\lib\config\caching.js:60:27)
    at cachedFunction.next (<anonymous>)
    at evaluateSync (D:\code\vscode\lottery-front\node_modules\gensync\index.js:251:28)
    at sync (D:\code\vscode\lottery-front\node_modules\gensync\index.js:89:14)

原因：

vue.config.js 是一个可选的配置文件，如果它存在于项目根目录中（位于 package.json 旁边），则
@vue/cli-service 将自动加载该文件。您还可以使用 package.json 中的 vue
字段，但请注意，在这种情况下，您将只能使用与 JSON 兼容的值。

二、解决方法

在vue项目根目录创建：
vue.config.js 而不是在 babel.config.js中

module.exports = {
  devServer: {
    // Your configuration goes here
  }
}

附件

参考：how-to-fix-error-unknown-option-devserver-in-vue-3