使用NX创建SvelteKit项目执行nx serve时出现Cannot read 'length'错误

操作场景 #

• 在NX项目中执行命令创建未修改的SvelteKit应用：

  nx g @nxext/sveltekit:app dashboard
  

• 执行启动命令时触发报错：

  nx serve dashboard
  

错误日志 #

>  NX   Cannot read properties of undefined (reading 'length')


TypeError: Cannot read properties of undefined (reading 'length')
    at interpolateArgsIntoCommand (C:\Users\USER\Documents\Assassin\node_modules\nx\src\executors\run-commands\run-commands.impl.js:193:47)
    at C:\Users\USER\Documents\Assassin\node_modules\nx\src\executors\run-commands\run-commands.impl.js:106:21
    at Array.forEach (<anonymous>)
    at normalizeOptions (C:\Users\USER\Documents\Assassin\node_modules\nx\src\executors\run-commands\run-commands.impl.js:104:22)
    at C:\Users\USER\Documents\Assassin\node_modules\nx\src\executors\run-commands\run-commands.impl.js:41:28 
    at Generator.next (<anonymous>)
    at fulfilled (C:\Users\USER\Documents\Assassin\node_modules\tslib\tslib.js:115:62)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)

 —————————————————————————————————————————————————————————————————————————————————————————————

 >  NX   Running target "dashboard:serve" failed

   Failed tasks:

   - dashboard:serve

   Hint: run the command with --verbose for more details.

额外异常 #

已添加--verbose参数，但仍收到上述提示信息。

解决方法 #

1. 修复项目配置文件 #

该错误大概率是project.json中serve目标的配置异常导致的：

• 打开apps/dashboard/project.json文件
• 找到targets.serve配置块，确保executor为@nxext/sveltekit:serve，且配置格式正确。若args字段为空或未定义，替换为如下标准配置：

  "serve": {
    "executor": "@nxext/sveltekit:serve",
    "options": {
      "buildTarget": "dashboard:build"
    },
    "configurations": {
      "production": {
        "buildTarget": "dashboard:build:production"
      }
    }
  }
  

2. 更新依赖版本 #

旧版本的NX或@nxext/sveltekit可能存在兼容性bug，执行命令更新依赖：

npm update nx @nxext/sveltekit

或使用yarn：

yarn upgrade nx @nxext/sveltekit

3. 清除缓存后重试 #

清除NX缓存并重新启动项目：

nx reset
nx serve dashboard

内容的提问来源于stack exchange，提问作者Termin