You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求助:Visual Studio 2022无法创建ASP.NET Vue、React项目

解决ASP.NET Vue/React项目创建时的“路径含非法字符”错误

问题概述

  • 无法创建ASP.NET Vue或ASP.NET React项目
  • 系统提示「路径存在非法字符」,但实际项目路径仅包含英文、数字和下划线,无特殊字符
  • 已尝试重新安装Visual Studio、更换多个项目保存路径,问题仍未解决

报错截图

报错截图

当前路径截图

路径截图

可行解决方法

1. 补全Visual Studio必要工作负载

打开Visual Studio安装器,确认以下工作负载已安装:

  • ASP.NET和Web开发
  • Node.js开发(Vue/React项目依赖Node环境)
  • .NET跨平台开发(针对.NET Core/.NET 5+项目)
    勾选缺失项后点击「修改」,安装完成重启VS再试。

2. 清理Node缓存并检查环境变量

  • 以管理员身份打开命令提示符,执行:
    npm cache clean --force
  • 查看系统环境变量Path,确保所有Node.js相关路径无特殊字符,仅保留英文、数字、下划线、连字符。

3. 手动创建项目

  • 先创建空白ASP.NET Core Web项目
  • 进入项目目录,用命令行添加对应模板:
    Vue项目:dotnet new vue
    React项目:dotnet new react
  • 再用Visual Studio打开该项目,验证是否正常运行。

4. 修复Visual Studio组件

打开Visual Studio安装器,选择「更多」→「修复」,等待修复完成后重启VS,重新尝试创建项目。

5. 简化保存路径并检查用户目录

  • 把项目保存到根目录下的简单路径,比如C:\TestProjects\MyVueApp,避免目录嵌套过深
  • 确认Windows用户目录(如C:\Users\XXX)路径无特殊字符,若有中文用户名可尝试切换到纯英文用户名的账户操作。

内容的提问来源于stack exchange,提问作者UNRE

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.22 08:05:02