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

相关推荐
不想上班只想要钱8 分钟前
vue3 ts:声明的一个数组不能将类型“boolean”分配给类型“never”。
前端·vue.js
OEC小胖胖9 分钟前
Next.js 介绍:为什么选择它来构建你的下一个 Web 应用?
开发语言·前端·web·next.js
切糕师学AI19 分钟前
如何建立针对 .NET Core web 程序的线程池的长期监控
java·前端·.netcore
F2E_Zhangmo3 小时前
基于cornerstone3D的dicom影像浏览器 第三章 拖拽seriesItem至displayer上显示第一张dicom
前端·javascript·cornerstone·cornerstone3d·cornerstonejs
gnip8 小时前
Jst执行上下文栈和变量对象
前端·javascript
excel8 小时前
🐣 最简单的卷积与激活函数指南(带示例)
前端
醉方休9 小时前
npm/pnpm软链接的优点和使用场景
前端·npm·node.js
拉不动的猪9 小时前
简单回顾下Weakmap在vue中为何不能去作为循环数据源,以及替代方案
前端·javascript·vue.js
How_doyou_do9 小时前
数据传输优化-异步不阻塞处理增强首屏体验
开发语言·前端·javascript
奇舞精选9 小时前
超越Siri的耳朵:ASR与Whisper零代码部署实战指南
前端·人工智能·aigc