Angular CLI执行ng new命令未询问路由与CSS样式选项的问题排查

我来帮你分析下这个问题，你遇到的情况其实是Angular CLI的默认配置或非交互式模式被触发导致的，下面是具体原因和解决方案：

可能的原因 #

Angular CLI 14+版本中，如果全局或项目级配置里预先设置了newProject的默认选项（比如路由、样式格式），或者终端环境被强制设置为非交互式模式，执行ng new时就会直接使用默认值创建项目，而不会弹出询问。

具体解决方案 #

1. 检查并清除全局CLI默认配置 #

首先查看当前全局的Angular CLI默认配置，执行：

ng config -g

如果输出里包含类似下面的内容，说明已经预设了默认选项：

"defaults": {
  "newProject": {
    "routing": true,
    "style": "css"
  }
}

要清除这些默认值，让CLI重新弹出询问，执行以下命令：

ng config -g defaults.newProject.routing undefined
ng config -g defaults.newProject.style undefined

2. 强制开启交互式模式创建项目 #

如果不想修改全局配置，可以在创建项目时直接指定开启交互式模式：

ng new my-app --interactive=true

这个命令会强制触发选项询问，忽略已有的默认配置。

3. 检查终端环境变量 #

有些情况下，环境变量NG_CLI_INTERACTIVE可能被设置为false，导致CLI默认使用非交互式模式：

• Linux/macOS：在终端执行以下命令查看：

  echo $NG_CLI_INTERACTIVE
  

  如果输出是false，可以执行unset NG_CLI_INTERACTIVE取消这个设置，或者临时设置为true：

  export NG_CLI_INTERACTIVE=true
  

• Windows（CMD）：执行：

  echo %NG_CLI_INTERACTIVE%
  

  如果是false，执行set NG_CLI_INTERACTIVE=true来修改。

验证解决方案 #

执行完上述操作后，再重新运行ng new my-app，应该就能正常弹出路由和CSS样式的选项询问了。

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