[Bug]: @vue/devtools-core模块报错 #510

conwel5201 · 2024-06-18T07:17:10Z

软件版本

NodeJS 18.12.0 pnpm 8.7.0

运行环境

MacOS

运行架构

None

重现步骤

pnpm i
pnpm dev

期望的结果是什么？

正常运行

实际的结果是什么？

import { defineViteServerAction, callViteClientListener, initViteServerContext } from '@vue/devtools-core';
^^^^^^^^^^^^^^^^^^^^^^
SyntaxError: The requested module '@vue/devtools-core' does not provide an export named 'callViteClientListener'
at ModuleJob.instantiate (node:internal/modules/esm/module_job:123:21)
at async ModuleJob.run (node:internal/modules/esm/module_job:189:5)
at async Promise.all (index 0)
at async ESMLoader.import (node:internal/modules/esm/loader:530:24)
at async loadConfigFromBundledFile (file:///Users/kongwei/Conwel/workspace/soybean-admin/node_modules/.pnpm/vite@5.3.1@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-BcXSligG.js:66913:15)
at async loadConfigFromFile (file:///Users/kongwei/Conwel/workspace/soybean-admin/node_modules/.pnpm/vite@5.3.1_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-BcXSligG.js:66754:24)
at async resolveConfig (file:///Users/kongwei/Conwel/workspace/soybean-admin/node_modules/.pnpm/vite@5.3.1_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-BcXSligG.js:66364:24)
at async createServer (file:///Users/kongwei/Conwel/workspace/soybean-admin/node_modules/.pnpm/vite@5.3.1@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-BcXSligG.js:62977:18)
at async CAC. (file:///Users/kongwei/Conwel/workspace/soybean-admin/node_modules/.pnpm/vite@5.3.1_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/cli.js:735:20)

日志记录（可选）

No response

补充说明（可选）

No response

oiov · 2024-06-18T08:05:24Z

运行 pnpm dev 同样的错误，拉取的是 https://github.com/soybeanjs/soybean-admin-nestjs 仓库

soybean-admin：1.2.4
nodejs: 18.20.3
pnpm: 9.3.0

failed to load config from D:\repos\soybean-admin-nestjs\frontend\vite.config.ts
error when starting dev server:
file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite-plugin-vue-devtools@7.2.1_rollup@4.18.0_vite@5.3.0_@types+node@20.14.2_sass@1.77.5__vue@3.4.27_typescript@5.4.5_/node_modules/vite-plugin-vue-devtools/dist/vite.mjs:7
import { defineViteServerAction, callViteClientListener, initViteServerContext } from '@vue/devtools-core';
                                 ^^^^^^^^^^^^^^^^^^^^^^
SyntaxError: The requested module '@vue/devtools-core' does not provide an export named 'callViteClientListener'
    at ModuleJob._instantiate (node:internal/modules/esm/module_job:123:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:191:5)
    at async ModuleLoader.import (node:internal/modules/esm/loader:337:24)
    at async loadConfigFromBundledFile (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:66913:15)
    at async loadConfigFromFile (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:66754:24)
    at async resolveConfig (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:66364:24)
    at async _createServer (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:62977:18)
    at async CAC.<anonymous> (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/cli.js:735:20)
 ELIFECYCLE  Command failed with exit code 1.

honghuangdc · 2024-06-18T08:29:54Z

更新vite-plugin-vue-devtools到最新版本即可，由于该依赖并未锁定所需的@vue/devtools-core的版本，当@vue/devtools-core有更新时，没有lock文件会导致安装现有旧版本的vite-plugin-vue-devtools时会安装新版的@vue/devtools-core
这个新版本有个破坏性更新，将旧版已有的callViteClientListener 导出删掉了，导致报错

honghuangdc · 2024-06-18T08:30:16Z

晚点 SoybeanAdmin 更新一下依赖即可

oiov · 2024-06-18T08:36:29Z

好滴，我更新了 vite-plugin-vue-devtools: 7.3.1，出现了新的错误：

failed to load config from D:\repos\soybean-admin-nestjs\frontend\vite.config.ts
error when starting dev server:
TypeError: Cannot read properties of undefined (reading 'replace')
    at setupUnocss (file:///D:/repos/soybean-admin-nestjs/frontend/vite.config.ts.timestamp-1718699624383-be3e100d2983a.mjs:67:49)
    at setupVitePlugins (file:///D:/repos/soybean-admin-nestjs/frontend/vite.config.ts.timestamp-1718699624383-be3e100d2983a.mjs:158:5)
    at file:///D:/repos/soybean-admin-nestjs/frontend/vite.config.ts.timestamp-1718699624383-be3e100d2983a.mjs:253:14
    at loadConfigFromFile (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:66760:62)
    at async resolveConfig (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:66364:24)
    at async _createServer (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:62977:18)
    at async CAC.<anonymous> (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/cli.js:735:20)
 ELIFECYCLE  Command failed with exit code 1.

尝试了删除依赖重新 pnpm i 也不行

honghuangdc · 2024-06-18T08:57:14Z

pnpm update-pkg
pnpm cleanup
pnpm i
pnpm dev

conwel5201 · 2024-06-18T09:51:00Z

好滴，我更新了vite-plugin-vue-devtools: 7.3.1，出现了新的错误：

failed to load config from D:\repos\soybean-admin-nestjs\frontend\vite.config.ts
error when starting dev server:
TypeError: Cannot read properties of undefined (reading 'replace')
    at setupUnocss (file:///D:/repos/soybean-admin-nestjs/frontend/vite.config.ts.timestamp-1718699624383-be3e100d2983a.mjs:67:49)
    at setupVitePlugins (file:///D:/repos/soybean-admin-nestjs/frontend/vite.config.ts.timestamp-1718699624383-be3e100d2983a.mjs:158:5)
    at file:///D:/repos/soybean-admin-nestjs/frontend/vite.config.ts.timestamp-1718699624383-be3e100d2983a.mjs:253:14
    at loadConfigFromFile (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:66760:62)
    at async resolveConfig (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:66364:24)
    at async _createServer (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:62977:18)
    at async CAC.<anonymous> (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/cli.js:735:20)
 ELIFECYCLE  Command failed with exit code 1.

尝试删除依赖项重新pnpm i也不行

好滴，我更新了vite-plugin-vue-devtools: 7.3.1，出现了新的错误：

failed to load config from D:\repos\soybean-admin-nestjs\frontend\vite.config.ts
error when starting dev server:
TypeError: Cannot read properties of undefined (reading 'replace')
    at setupUnocss (file:///D:/repos/soybean-admin-nestjs/frontend/vite.config.ts.timestamp-1718699624383-be3e100d2983a.mjs:67:49)
    at setupVitePlugins (file:///D:/repos/soybean-admin-nestjs/frontend/vite.config.ts.timestamp-1718699624383-be3e100d2983a.mjs:158:5)
    at file:///D:/repos/soybean-admin-nestjs/frontend/vite.config.ts.timestamp-1718699624383-be3e100d2983a.mjs:253:14
    at loadConfigFromFile (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:66760:62)
    at async resolveConfig (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:66364:24)
    at async _createServer (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/chunks/dep-h78lQ5BT.js:62977:18)
    at async CAC.<anonymous> (file:///D:/repos/soybean-admin-nestjs/frontend/node_modules/.pnpm/vite@5.3.0_@types+node@20.14.2_sass@1.77.5/node_modules/vite/dist/node/cli.js:735:20)
 ELIFECYCLE  Command failed with exit code 1.

尝试删除依赖项开始pnpm i也不行

NodeJS: 18.19.0
pnpm: 8.14.0

pnpm update-pkg
pnpm cleanup
pnpm i
pnpm dev

已成功启动无报错

oiov · 2024-06-18T10:31:50Z

pnpm update-pkg pnpm cleanup pnpm i pnpm dev

感谢，我也成功运行了

honghuangdc closed this as completed in 531432d Jun 18, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Bug]: @vue/devtools-core模块报错 #510

[Bug]: @vue/devtools-core模块报错 #510

conwel5201 commented Jun 18, 2024

oiov commented Jun 18, 2024

honghuangdc commented Jun 18, 2024

honghuangdc commented Jun 18, 2024

oiov commented Jun 18, 2024

honghuangdc commented Jun 18, 2024

conwel5201 commented Jun 18, 2024

oiov commented Jun 18, 2024

[Bug]: @vue/devtools-core模块报错 #510

[Bug]: @vue/devtools-core模块报错 #510

Comments

conwel5201 commented Jun 18, 2024

软件版本

运行环境

运行架构

重现步骤

期望的结果是什么？

实际的结果是什么？

日志记录（可选）

补充说明（可选）

oiov commented Jun 18, 2024

honghuangdc commented Jun 18, 2024

honghuangdc commented Jun 18, 2024

oiov commented Jun 18, 2024

honghuangdc commented Jun 18, 2024

conwel5201 commented Jun 18, 2024

oiov commented Jun 18, 2024