vue之Error: Unknown option: .devServer.

背景

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

一、遇到的问题

报错:

bash 复制代码
 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中

js 复制代码
module.exports = {
  devServer: {
    // Your configuration goes here
  }
}

附件

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

相关推荐
前端风云志20 分钟前
TypeScript结构化类型初探
javascript
musk121237 分钟前
electron 打包太大 试试 tauri , tauri 安装打包demo
前端·electron·tauri
翻滚吧键盘1 小时前
js代码09
开发语言·javascript·ecmascript
万少2 小时前
第五款 HarmonyOS 上架作品 奇趣故事匣 来了
前端·harmonyos·客户端
OpenGL2 小时前
Android targetSdkVersion升级至35(Android15)相关问题
前端
rzl022 小时前
java web5(黑马)
java·开发语言·前端
Amy.Wang2 小时前
前端如何实现电子签名
前端·javascript·html5
海天胜景2 小时前
vue3 el-table 行筛选 设置为单选
javascript·vue.js·elementui
今天又在摸鱼2 小时前
Vue3-组件化-Vue核心思想之一
前端·javascript·vue.js
蓝婷儿2 小时前
每天一个前端小知识 Day 21 - 浏览器兼容性与 Polyfill 策略
前端