create-vue项目配置后报错TypeError: server.watchFiles未定义，如何修复？

Question

使用create-vue来创建基于Vite的新项目，所有选项都按照官网来的，但是报错 ：

       fileWatcher = server.watchFiles(['**/*.{' + [...watchingExtensions].join(',') + '}']);
                             ^

TypeError: server.watchFiles is not a function

试过重装@vue\language-server，修改vue版本，eslint版本，都不行，最多报错信息变了，但仍然报错

Answer 1

双击Shift，输入 Registry，搜索 vue.language.server.default.version，设置值为 2.1.2

https://youtrack.jetbrains.com/issue/WEB-68756

Answer 2

你可以直接用 npm create vue@latest 来创建一个空白的 Vue + Vite 的项目，看看你那些地方配置的不对。

---

EDIT

看了一下OP补充的更多的细节，看起来是 Vue - Official 插件基于的 volar 的问题。社区已经有对应的反馈并且已经关闭了，应该会在下个版本修复。或者尝试手动把插件依赖的 volar 更新到 2.4.0-alpha.20 试试看

• can not start language-server cause TypeError: server.watchFiles is not a function · Issue #4707 · vuejs/language-tools

Answer 3

npm install @vue/language-core@2.0.29 @vue/language-server@2.0.29 @vue/language-service@2.0.29 @vue/typescript-plugin@2.0.29 @volar/language-core@2.4.0-alpha.20 @volar/language-server@2.4.0-alpha.20 @volar/language-service@2.4.0-alpha.20 @volar/source-map@2.4.0-alpha.20 @volar/typescript@2.4.0-alpha.20 -
g
你可以尝试一下, 我确实用webstorm遇到了同样的错误
https://youtrack.jetbrains.com/issue/WEB-68756/Vue-LS-2.x-Cou...