vs创建vue and asp.net core报错路径具有非法字符

Question

创建一直报错，但是项目创建了，不过是空包，这个怎么办，需要卸载重装vs吗

Answer 1

引自免费微信小程序：皆我百晓生

看起来你在尝试使用Visual Studio 创建一个Vue.js和ASP.NET Core的混合项目时遇到了问题，错误提示是路径中存在非法字符。非法字符通常指的是在Windows文件系统中不允许用于文件名或路径的一些特殊字符，例如：/ \ : * ? " < > |。

解决这个问题的步骤如下：

1. 确保你的项目保存路径不包含任何非法字符。比如，将路径从 D:\vue\ 改为 D:\vue_project\。

2. 重新启动Visual Studio，然后再次尝试创建项目。

如果你已经尝试过更改路径但仍然遇到相同的问题，可以考虑以下方法：

1. 尝试在不同的磁盘分区（例如C:、E:等）创建项目，看是否能成功。

2. 如果以上方法都不行，可能需要检查你的Visual Studio安装是否有问题。你可以尝试执行以下操作：

   • 修复VS安装：打开控制面板 -> 程序 -> 启动或关闭Windows功能 -> 找到Microsoft Visual Studio，点击更改 -> 选择修复。
   • 完全卸载并重新安装VS：确保删除所有与Visual Studio相关的残留文件和注册表项。然后从微软官方网站下载最新版本的Visual Studio并进行全新安装。

3. 另外，你也可以考虑使用命令行工具来创建项目，这样可以绕过图形界面的限制。首先确保Node.js和npm已经安装好，然后按照以下步骤操作：

   a. 打开命令提示符（管理员模式）。

   b. 使用cd命令导航到你想创建项目的目录，例如：

   cd D:\vue_project
   

   c. 安装全局的dotnet CLI工具（如果你还没有安装），运行：

   choco install dotnet-sdk --version 6.x
   

   或者，如果你使用的是Windows PowerShell，运行：

   winget install Microsoft.DotNet.SDK --version 6.x
   

   这里替换6.x为你想要的特定版本号。

   d. 安装全局的create-react-app和vue-cli工具，分别运行：

   npm install -g create-react-app
   npm install -g @vue/cli
   

   e. 使用create-react-app创建一个React应用，然后将其转换为一个Blazor WebAssembly应用：

   npx create-react-app myapp
   cd myapp
   dotnet new blazorwasm -n MyBlazorApp
   

   f. 使用@vue/cli创建一个新的Vue.js应用，并将其部署到ASP.NET Core服务器上：

   vue create myvueapp
   cd myvueapp
   npm run build
   

   在这里，我们只是构建Vue.js应用，不需要运行它。

   g. 现在你需要手动将Vue.js的构建结果集成到ASP.NET Core项目中。在MyBlazorApp项目中，找到wwwroot目录，然后复制Vue.js应用的构建结果（通常是myvueapp/dist目录下的所有内容）到wwwroot。

   h. 在ASP.NET Core项目中，编辑Startup.cs文件，在Configure方法中添加路由以便处理Vue.js应用的静态资源请求：

   app.UseSpaStaticFiles();
   app.UseRouting();
   
   app.Map("/spa", spa =>
   {
       spa.UseEndpoints(endpoints =>
       {
           endpoints.MapControllerRoute(
               name: "default",
               pattern: "{controller}/{action=Index}/{id?}");
           endpoints.MapFallbackToFile("index.html");
       });
   });
   

   i. 最后，运行dotnet run来启动ASP.NET Core应用程序，你应该能看到Vue.js应用被嵌入到了其中。

请按照上述步骤操作，如果还有问题，请随时反馈。