TypeError: Cannot destructure property `compile` of 'undefined' or 'null'.

本文介绍了解决因webpack-dev-server版本过高导致的Vue项目运行错误的问题。通过将webpack-dev-server版本从3.1.5降至3.0.0,成功避免了TypeError错误,实现了项目的正常运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vue项目运行时,报错了,TypeError: Cannot destructure property compile of ‘undefined’ or ‘null’.

F:\ybsvue\customer>npm run dev

> project@1.0.0 dev F:\ybsvue\customer
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

TypeError: Cannot destructure property `compile` of 'undefined' or 'null'.
    at addHooks (F:\ybsvue\customer\node_modules\webpack-dev-server\lib\Server.js:131:49)
    at new Server (F:\ybsvue\customer\node_modules\webpack-dev-server\lib\Server.js:144:5)
    at startDevServer (F:\ybsvue\customer\node_modules\webpack-dev-server\bin\webpack-dev-server.js:355:14)
    at processOptions (F:\ybsvue\customer\node_modules\webpack-dev-server\bin\webpack-dev-server.js:309:5)
    at process._tickCallback (internal/process/next_tick.js:68:7)
    at Function.Module.runMain (internal/modules/cjs/loader.js:745:11)
    at startup (internal/bootstrap/node.js:282:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:743:3)

问题:webpack-dev-server版本过高引起,报错时版本:3.1.5
降低webpack-dev-server版本,重新安装,命令:npm install -D webpack-dev-server@3.0.0
重新安装3.0.0版本后,运行成功

cloud-function unloaded load script [../project.json] failed : Error: Cannot find module '../project.json' Require stack: - C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor\page\project-scripts.ccc - C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor\page\scene-utils\lib\sandbox.ccc - C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor\page\scene-utils\edit-mode\index.ccc - C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor\page\scene-utils\index.ccc - C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor-framework\lib\renderer\editor.ccc - C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor-framework\lib\renderer\index.ccc - C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor-framework\renderer.js at Module._resolveFilename (internal/modules/cjs/loader.js:887:15) at Function.o._resolveFilename [as _resolveFilenameVendor] (electron/js2c/renderer_init.js:33:917) at Function._resolveFilename (C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor\page\project-scripts.ccc:1:1229) at Module._load (internal/modules/cjs/loader.js:732:27) at Function.f._load (electron/js2c/asar_bundle.js:5:12913) at Module.require [as __require] (internal/modules/cjs/loader.js:959:19) at Module.i.require (C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor-framework\lib\share\require.js:1:786) at l (C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor-framework\lib\share\require.js:1:3475) at Object.require (C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor\page\project-scripts.ccc:1:646) at D:\biechiwo\biechiwo\temp\quick-scripts\dst\assets\_script\UI_Entry.js:7:35 load script [./assets/_script/UI_Entry] failed : TypeError: Cannot read property 'jsbEnv' of undefined at D:\biechiwo\biechiwo\temp\quick-scripts\dst\assets\_script\UI_Entry.js:38:26 at D:\biechiwo\biechiwo\temp\quick-scripts\dst\assets\_script\UI_Entry.js:69:3 at __define (D:\biechiwo\biechiwo\temp\quick-scripts\dst\assets\_script\UI_Entry.js:443:4) at D:\biechiwo\biechiwo\temp\quick-scripts\dst\assets\_script\UI_Entry.js:446:25 at Object.<anonymous> (D:\biechiwo\biechiwo\temp\quick-scripts\dst\assets\_script\UI_Entry.js:453:19) at Object.<anonymous> (D:\biechiwo\biechiwo\temp\quick-scripts\dst\assets\_script\UI_Entry.js:455:3) at Module._compile (internal/modules/cjs/loader.js:1078:30) at Object.p (C:\ProgramData\cocos\editors\Creator\2.4.13\resources\app.asar\editor-framework\lib\share\require.js:1:1969) at Module.load (internal/modules/cjs/loader.js:935:32) at Module._load (internal/modules/cjs/loader.js:776:14)
最新发布
07-15
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值