ASP.NET Core 6 MVC application with Mudblazor not working once deployed to Azure app service using Azure Devops

huangapple
go评论93阅读模式
英文:

ASP.NET Core 6 MVC application with Mudblazor not working once deployed to Azure app service using Azure Devops

问题

抱歉，以下是您提供的内容的翻译：

问题描述

我有一个解决方案，其中包含一些 Azure 函数形式的微服务，以及一些共享项目和一个 MVC6 Mudblazor Web 应用程序。

问题

当我通过 Visual Studio 2022 逐个部署所有这些组件时，一切正常。

然而，当我通过 Azure DevOps 发布管道进行部署时，一切开始变得混乱。函数部署正常。但 Web 应用程序开始表现异常。Web 应用程序正常加载，但当我尝试登录时，出现以下错误：

严重: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
处理组件时发生未处理的异常：ExpectedStartOfValueNotFound，< 路径：$ | 行号：0 | 行中的字节位置：0。

System.Text.Json.JsonException: ExpectedStartOfValueNotFound，< 路径：$ | 行号：0 | 行中的字节位置：0。
---> System.Text.Json.JsonReaderException: ExpectedStartOfValueNotFound，< 行号：0 | 行中的字节位置：0。
at System.Text.Json.ThrowHelper.ThrowJsonReaderException(Utf8JsonReader&，ExceptionResource，Byte，ReadOnlySpan1 ) at System.Text.Json.Utf8JsonReader.ConsumeValue(Byte ) at System.Text.Json.Utf8JsonReader.ReadFirstToken(Byte ) at System.Text.Json.Utf8JsonReader.ReadSingleSegment() at System.Text.Json.Utf8JsonReader.Read() at System.Text.Json.Serialization.JsonConverter1[[MyProject.Platform.Shared.Wrapper.Result1[[MyProject.Platform.Application.Features.Accounts.Queries.GetById.GetProjectByIdResponse, PublicKeyToken=null]].ReadCore(Utf8JsonReader&amp;，JsonSerializerOptions，ReadStack&amp; ) 异常的内部异常堆栈结束处 at System.Text.Json.ThrowHelper.ReThrowWithPath(ReadStack&amp;，JsonReaderException ) at System.Text.Json.Serialization.JsonConverter1[[MyProject.Platform.Shared.Wrapper.Result`1[[MyProject.Platform.Application.Features.Accounts.Queries.GetById.GetProjectByIdResponse,
at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task，ComponentState)

blazor.webassembly.js:1 严重: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
处理组件时发生未处理的异常：在解析值时遇到意外字符：T。路径 ''，行号 0，位置 0。
Newtonsoft.Json.JsonReaderException: 在解析值时遇到意外字符：T。路径 ''，行号 0，位置 0。
在 Newtonsoft.Json.JsonTextReader.ParseValue()
在 Newtonsoft.Json.JsonTextReader.Read()
在 Newtonsoft.Json.JsonReader.ReadAndMoveToContent()
在 Newtonsoft.Json.JsonReader.ReadForType(JsonContract contract，Boolean hasConverter)
在 Newtonsoft.Json.Serialization.JsonSerializerInternalReader.Deserialize(JsonReader reader，Type objectType，Boolean checkAdditionalContent)
在 Newtonsoft.Json.JsonSerializer.DeserializeInternal(JsonReader reader，Type objectType)
在 Newtonsoft.Json.JsonSerializer.Deserialize(JsonReader reader，Type objectType)
在 Newtonsoft.Json.JsonConvert.DeserializeObject(String value，Type type，JsonSerializerSettings settings)
在 Newtonsoft.Json.JsonConvert.DeserializeObject[Object](String value，JsonSerializerSettings settings)
在 Newtonsoft.Json.JsonConvert.DeserializeObject[Object](String value)
在
在 Toolbelt.Blazor.HttpClientInterceptor.InvokeAsync(HttpClientInterceptorEventHandler asyncEventHandler，HttpClientInterceptorEventArgs args)
在 Toolbelt.Blazor.HttpClientInterceptor.InvokeAfterSendAsync(HttpClientInterceptorEventArgs args)
在 Toolbelt.Blazor.HttpClientInterceptorHandler.SendAsync(HttpRequestMessage request，CancellationToken cancellationToken)
在 System.Net.Http.HttpClient.<SendAsync>g__Core|83_0(HttpRequestMessage，HttpCompletionOption，CancellationTokenSource，Boolean，CancellationTokenSource，CancellationToken )
在
在 Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
在 Microsoft.AspNetCore.Components.Forms.EditForm.HandleSubmitAsync()
在 Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
在 Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task，ComponentState)

资源加载失败：服务器以状态码 405（不允许的方法）响应

这是我使用的管道 YAML：

  1. trigger:
  2. - development
  3. - master
  5. pool:
  6.   vmImage: 'windows-latest'
  8. variables:
  9.   solution: '**/*.sln'
  10.   buildPlatform: 'Any CPU'
  11.   buildConfiguration: 'Debug'
  12.   publishPath: '$(Build.ArtifactStagingDirectory)/publish'
  14. stages:
  16. - stage: BuildApp
  17.   displayName: Build Apps
  18.   jobs:
  19.   - job: BuildApp
  20.     displayName: Build App
  21.     steps:
  22.     - task: DotNetCoreInstaller@2
  23.       displayName: 'Install .NET 6 SDK'
  24.       inputs:
  25.         version: '6.x'
  27.     - task: DotNetCoreInstaller@2
  28.       displayName: 'Install .NET 7 SDK'
  29.       inputs:
  30.         version: '7.x'
  32.     - task: DotNetCoreCLI@2
  33.       displayName: 'Install WebAssembly tools for .NET 6'
  34.       inputs:
  35.         command: 'custom'
  36.         custom: 'workload'
  37.         arguments: 'install wasm-tools-net6'
  38.         workingDirectory: '$(Agent.ToolsDirectory)/dotnet'
  39.     - task: DotNetCoreInstaller@2
  40.       displayName: 'Install .NET 3 SDK'
  41.       inputs:
  42.         version: '3.x'
  43.     - task: NuGetToolInstaller@1
  44.       inputs:
  45.         versionSpec: '6.5'
  47.     - task: NuGetCommand@2
  48.       inputs:
  49.         command: 'restore'
  50.         restoreSolution: '$(System.DefaultWorkingDirectory)/WebApp/MyProject.Platform.sln'
  51.         feedsToUse: 'config'
  52.         nugetConfigPath: '$(System.DefaultWorkingDirectory)/nuget.config'
  53.         arguments: '-Parallel'
  54.     - task: MSBuild@1
  55.       displayName: 'BUILD!!'
  56.       inputs:
  57.         solution: '$(System.DefaultWorkingDirectory)/WebApp/MyProject.Platform.sln'
  58.         msbuildArchitecture: 'x64'
  59.         platform: 'any cpu'
  60.         configuration: $(buildConfiguration)
  61.     - task: DotNetCoreCLI@2
  62.       inputs:
  63.         command: 'build'
  64.         projects: '$(System.DefaultWorkingDirectory)/WebApp/MyProject.Platform.WebApp/Server/MyProject.Platform.Server.csproj'
  65.         arguments: '--configuration Debug --output $(Build.ArtifactStagingDirectory)'
  66.     - task: Dot
  68. <details>
  69. <summary>英文:</summary>
  71. **The setup**
  73. I have solution with quite few micro services in the form of Azure functions and a few shared projects and one MVC6 Mudblazor web app.
  75. **The Problem**
  77. When I deploy all of these components individually through Visual Studio 2022, everything works fine.
  79. However, when I deploy these through an Azure Devops release pipeline, things start going crazy. Functions deploy fine. But the Webapp starts misbehaving. The webapp loads up fine but when i try to login, I get the following errors:
  81. &gt; crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]  
  82. &gt; Unhandled exception rendering component: ExpectedStartOfValueNotFound, &lt; Path: $ | LineNumber: 0 | BytePositionInLine: 0.  
  83. &gt; 
  84. &gt; System.Text.Json.JsonException: ExpectedStartOfValueNotFound, &lt;  Path: $ | LineNumber: 0 | BytePositionInLine: 0.  
  85. &gt; ---&gt; System.Text.Json.JsonReaderException: ExpectedStartOfValueNotFound, &lt; LineNumber: 0 | BytePositionInLine: 0.
  86. &gt; at  System.Text.Json.ThrowHelper.ThrowJsonReaderException(Utf8JsonReader&amp; , ExceptionResource , Byte , ReadOnlySpan`1 )  
  87. &gt; at System.Text.Json.Utf8JsonReader.ConsumeValue(Byte )  
  88. &gt; at System.Text.Json.Utf8JsonReader.ReadFirstToken(Byte )  
  89. &gt; at System.Text.Json.Utf8JsonReader.ReadSingleSegment()  
  90. &gt; at System.Text.Json.Utf8JsonReader.Read()  
  91. &gt; at System.Text.Json.Serialization.JsonConverter`1[[MyProject.Platform.Shared.Wrapper.Result`1[[MyProject.Platform.Application.Features.Accounts.Queries.GetById.GetProjectByIdResponse, PublicKeyToken=null]].ReadCore(Utf8JsonReader&amp; , JsonSerializerOptions , ReadStack&amp; )
  92.        Exception_EndOfInnerExceptionStack
  93.        at System.Text.Json.ThrowHelper.ReThrowWithPath(ReadStack&amp; , JsonReaderException )
  94.        at System.Text.Json.Serialization.JsonConverter`1[[MyProject.Platform.Shared.Wrapper.Result`1[[MyProject.Platform.Application.Features.Accounts.Queries.GetById.GetProjectByIdResponse, 
  95.        at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
  96.        at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task , ComponentState )
  98.     blazor.webassembly.js:1 crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
  99.           Unhandled exception rendering component: Unexpected character encountered while parsing value: T. Path &#39;&#39;, line 0, position 0.
  100.     Newtonsoft.Json.JsonReaderException: Unexpected character encountered while parsing value: T. Path &#39;&#39;, line 0, position 0.
  101.        at Newtonsoft.Json.JsonTextReader.ParseValue()
  102.        at Newtonsoft.Json.JsonTextReader.Read()
  103.        at Newtonsoft.Json.JsonReader.ReadAndMoveToContent()
  104.        at Newtonsoft.Json.JsonReader.ReadForType(JsonContract contract, Boolean hasConverter)
  105.        at Newtonsoft.Json.Serialization.JsonSerializerInternalReader.Deserialize(JsonReader reader, Type objectType, Boolean checkAdditionalContent)
  106.        at Newtonsoft.Json.JsonSerializer.DeserializeInternal(JsonReader reader, Type objectType)
  107.        at Newtonsoft.Json.JsonSerializer.Deserialize(JsonReader reader, Type objectType)
  108.        at Newtonsoft.Json.JsonConvert.DeserializeObject(String value, Type type, JsonSerializerSettings settings)
  109.        at Newtonsoft.Json.JsonConvert.DeserializeObject[Object](String value, JsonSerializerSettings settings)
  110.        at Newtonsoft.Json.JsonConvert.DeserializeObject[Object](String value)
  111.        at 
  112.        at Toolbelt.Blazor.HttpClientInterceptor.InvokeAsync(HttpClientInterceptorEventHandler asyncEventHandler, HttpClientInterceptorEventArgs args)
  113.        at Toolbelt.Blazor.HttpClientInterceptor.InvokeAfterSendAsync(HttpClientInterceptorEventArgs args)
  114.        at Toolbelt.Blazor.HttpClientInterceptorHandler.SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
  115.        at System.Net.Http.HttpClient.&lt;SendAsync&gt;g__Core|83_0(HttpRequestMessage , HttpCompletionOption , CancellationTokenSource , Boolean , CancellationTokenSource , CancellationToken )
  116.        at 
  117.        at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
  118.        at Microsoft.AspNetCore.Components.Forms.EditForm.HandleSubmitAsync()
  119.        at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)
  120.        at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task , ComponentState )
  122.      Failed to load resource: the server responded with a status of 405 (Method Not Allowed)
  124. This is the pipeline YAML I used:
  126.     trigger:
  127.     - development
  128.     - master
  129.     
  130.     pool:
  131.       vmImage: &#39;windows-latest&#39;
  132.     
  133.     variables:
  134.       solution: &#39;**/*.sln&#39;
  135.       buildPlatform: &#39;Any CPU&#39;
  136.       buildConfiguration: &#39;Debug&#39;
  137.       publishPath: &#39;$(Build.ArtifactStagingDirectory)/publish&#39;
  138.     
  139.     stages:
  140.     
  141.     - stage: BuildApp
  142.       displayName: Build Apps
  143.       jobs:
  144.       - job: BuildApp
  145.         displayName: Build App
  146.         steps:
  147.         - task: DotNetCoreInstaller@2
  148.           displayName: &#39;Install .NET 6 SDK&#39;
  149.           inputs:
  150.             version: &#39;6.x&#39;
  151.     
  152.         - task: DotNetCoreInstaller@2
  153.           displayName: &#39;Install .NET 7 SDK&#39;
  154.           inputs:
  155.             version: &#39;7.x&#39;
  156.     
  157.         - task: DotNetCoreCLI@2
  158.           displayName: &#39;Install WebAssembly tools for .NET 6&#39;
  159.           inputs:
  160.             command: &#39;custom&#39;
  161.             custom: &#39;workload&#39;
  162.             arguments: &#39;install wasm-tools-net6&#39;
  163.             workingDirectory: &#39;$(Agent.ToolsDirectory)/dotnet&#39;
  164.         - task: DotNetCoreInstaller@2
  165.           displayName: &#39;Install .NET 3 SDK&#39;
  166.           inputs:
  167.             version: &#39;3.x&#39;
  168.         - task: NuGetToolInstaller@1
  169.           inputs:
  170.             versionSpec: &#39;6.5&#39;
  171.     
  172.         - task: NuGetCommand@2
  173.           inputs:
  174.             command: &#39;restore&#39;
  175.             restoreSolution: &#39;$(System.DefaultWorkingDirectory)/WebApp/MyProject.Platform.sln&#39;
  176.             feedsToUse: &#39;config&#39;
  177.             nugetConfigPath: &#39;$(System.DefaultWorkingDirectory)/nuget.config&#39;
  178.             arguments: &#39;-Parallel&#39;
  179.         - task: MSBuild@1
  180.           displayName: &#39;BUILD!!&#39;
  181.           inputs:
  182.             solution: &#39;$(System.DefaultWorkingDirectory)/WebApp/MyProject.Platform.sln&#39;
  183.             msbuildArchitecture: &#39;x64&#39;
  184.             platform: &#39;any cpu&#39;
  185.             configuration: $(buildConfiguration)
  186.         - task: DotNetCoreCLI@2
  187.           inputs:
  188.             command: &#39;build&#39;
  189.             projects: &#39;$(System.DefaultWorkingDirectory)/WebApp/MyProject.Platform.WebApp/Server/MyProject.Platform.Server.csproj&#39;
  190.             arguments: &#39;--configuration Debug --output $(Build.ArtifactStagingDirectory)&#39;
  191.         - task: DotNetCoreCLI@2
  192.           displayName: &#39;Publish&#39;
  193.           inputs:
  194.             command: &#39;publish&#39;
  195.             publishWebProjects: True
  196.             projects: &#39;$(System.DefaultWorkingDirectory)/WebApp/MyProject.Platform.WebApp/Server/MyProject.Platform.Server.csproj&#39;
  197.             arguments: &#39;--configuration Debug --output $(Build.ArtifactStagingDirectory)&#39;
  198.             zipAfterPublish: true
  199.         - task: CopyFiles@2
  200.           inputs:
  201.             targetFolder: &#39;$(Build.ArtifactStagingDirectory)&#39;
  202.     
  203.         - task: PublishBuildArtifacts@1    
  204.           displayName: &#39;Publish Artifact: drop&#39;
  206. **The question**
  208. What am I doing wrong here?
  210. </details>
  213. # 答案1
  214. **得分**: 0
  216. 成功解决了问题。
  217. 问题出在这里：
  219. - 任务: DotNetCoreCLI@2
  220.   显示名称: '发布'
  221.   输入:
  222.     命令: 'publish'
  223.     发布Web项目: True
  224.     项目: '$(System.DefaultWorkingDirectory)/WebApp/MyProject.Platform.WebApp/Server/MyProject.Platform.Server.csproj'
  225.     参数: '--configuration Debug --output $(Build.ArtifactStagingDirectory)'
  226.     发布后进行压缩: true 
  228. 当您设置`发布Web项目: True`时，"如果为真，则该任务将尝试在存储库中查找Web项目并对它们运行发布命令。Web项目可通过目录中存在web.config文件或wwwroot文件夹来识别。" - Azure DevOps信息按钮
  230. 由于最初为真，它每次都选择了Client，因为CLIENT项目有一个wwwroot文件夹。将`发布Web项目`设置为false后，您可以指定一个特定的SERVER项目。
  232. 所以，SERVER项目从未被部署。这就引起了所有这些混乱。
  234. 这是最终修复的更改：
  236. - 任务: DotNetCoreCLI@2
  237.   显示名称: '发布'
  238.   输入:
  239.     命令: 'publish'
  240.     发布Web项目: False
  241.     项目: '$(System.DefaultWorkingDirectory)/WebApp/MyProject.Platform.WebApp/Server/MyProject.Platform.Server.csproj'
  242.     参数: '--configuration Debug --output $(Build.ArtifactStagingDirectory)'
  243.     发布后进行压缩: true
  245. <details>
  246. <summary>英文:</summary>
  248. I was finally able to get it working.
  249. The issue was here:
  251.     - task: DotNetCoreCLI@2
  252.       displayName: &#39;Publish&#39;
  253.       inputs:
  254.         command: &#39;publish&#39;
  255.         publishWebProjects: True
  256.         projects: &#39;$(System.DefaultWorkingDirectory)/WebApp/MyProject.Platform.WebApp/Server/MyProject.Platform.Server.csproj&#39;
  257.         arguments: &#39;--configuration Debug --output $(Build.ArtifactStagingDirectory)&#39;
  258.         zipAfterPublish: true 
  261. When you give `publishWebProjects: True` &quot;If true, the task will try to find the web projects in the repository and run the publish command on them. Web projects are identified by presence of either a web.config file or wwwroot folder in the directory.&quot; - Azure devops info button
  263. Due to this being true originally, it was selecting Client every time because the CLIENT project has a wwwroot folder. With publishWebProjects set to false, you can specify a particular SERVER project.
  265. So, the SERVER project never got deployed.And that caused all of this havoc.
  267. This is the change that finally fixed it:
  269.     - task: DotNetCoreCLI@2
  270.       displayName: &#39;Publish&#39;
  271.       inputs:
  272.         command: &#39;publish&#39;
  273.         publishWebProjects: False
  274.         projects: &#39;$(System.DefaultWorkingDirectory)/WebApp/MyProject.Platform.WebApp/Server/MyProject.Platform.Server.csproj&#39;
  275.         arguments: &#39;--configuration Debug --output $(Build.ArtifactStagingDirectory)&#39;
  276.         zipAfterPublish: true 
  278. </details>

huangapple
  • 本文由 发表于 2023年4月7日 03:41:29
  • 转载请务必保留本文链接：https://go.coder-hub.com/75953205.html
  • asp.net-core-mvc
  • azure-devops
  • blazor
  • continuous-integration
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定