[{"data":1,"prerenderedAt":478},["ShallowReactive",2],{"article-hot-module-reload-hmr-issues":3},{"article":4,"tags":209,"previous":224,"next":305},{"id":5,"title":6,"author":7,"body":8,"createdAt":197,"description":198,"extension":199,"img":200,"meta":201,"navigation":202,"path":203,"seo":204,"stem":205,"tags":206,"updatedAt":197,"__hash__":208},"articles\u002Farticles\u002Fhot-module-reload-hmr-issues.md","Hot Module Reload (HMR) Issues","[object Object]",{"type":9,"value":10,"toc":195},"minimark",[11,15,23,35,43,46,49,54,61,64,191],[12,13,14],"p",{},"Using latest vue.js bit and vue-cli to create a project, I immediately came up against HMR not reloading after making changes to .vue files.",[12,16,17,18,22],{},"What is HMR\n\"",[19,20,21],"strong",{},"Hot Reload","\" is not simply reloading the page when you edit a file. With hot reload enabled, when you edit a *. vue file,\nall instances of that component will be swapped in without reloading the page. It even preserves the current state of your app and these swapped\ncomponents!",[12,24,25,26,30,34],{},"I started my project npm run serve, opened my browser ",[27,28],"a",{"href":29},"http:\u002F\u002Flocalhost:8080",[27,31,29],{"href":29,"rel":32},[33],"nofollow"," and navigated around my new app.\nGreat. Within my IDE I modified any vue file, I could see that vue-cli-server (with it’s built in web server) identified that\na file had changed and I could see webpack rebuilding my ts\u002Fjs files. Great. I looked at the browser and my simple html change was not reflected.\nI could see errors in the chrome dev tools network tab like following.",[36,37,38,39,42],"blockquote",{},"\n[WDS] Disconnected net:: ERR_CONNECTION_TIMED_OUT ",[27,40,41],{"title":41,"href":41},"http:\u002F\u002F192.168.1.102:8080\u002Fsockjs-node\u002Finfo?t=1598645595925"," \n",[12,44,45],{},"###Solution\nThere are a number of articles regarding setting NODE_ENV=development,\nas well as articles discussing the vue.config.js file. The solution for me was modifying the package.json script that is\nused by npm to start the project from",[12,47,48],{},"\"serve\": \"vue-cli-service serve\",",[12,50,51],{},[19,52,53],{},"To",[12,55,56,57,60],{},"\"serve2\": \"vue-cli-service serve ",[19,58,59],{},"--host localhost","\",",[12,62,63],{},"I also tried a number of options within the vue.config.js but was able to remove once I identified the solution (above).",[65,66,71],"pre",{"className":67,"code":68,"language":69,"meta":70,"style":70},"language-js shiki shiki-themes github-light github-dark","\u002F\u002F vue.config.js \nmodule.exports = {\n    devServer: \n          {  \u002F\u002Fhost:'localhost'  \n              \u002F\u002F useLocalIp: false,  \n            \u002F\u002F proxy: 'http:\u002F\u002Flocalhost:8080',  \n            \u002F\u002F public: '172.23.3.180:8080',  \n            \u002F\u002F watchOptions: {  \n            \u002F\u002F poll: true  \n            \u002F\u002F }  \n            }, configureWebpack: {  \n                      plugins: [\n                      \u002F\u002Fnew MyAwesomeWebpackPlugin()  \n                      ] \n                  }\n            }\n","js","",[72,73,74,83,104,110,119,125,131,137,143,149,155,161,167,173,179,185],"code",{"__ignoreMap":70},[75,76,79],"span",{"class":77,"line":78},"line",1,[75,80,82],{"class":81},"sJ8bj","\u002F\u002F vue.config.js \n",[75,84,86,90,94,97,101],{"class":77,"line":85},2,[75,87,89],{"class":88},"sj4cs","module",[75,91,93],{"class":92},"sVt8B",".",[75,95,96],{"class":88},"exports",[75,98,100],{"class":99},"szBVR"," =",[75,102,103],{"class":92}," {\n",[75,105,107],{"class":77,"line":106},3,[75,108,109],{"class":92},"    devServer: \n",[75,111,113,116],{"class":77,"line":112},4,[75,114,115],{"class":92},"          {  ",[75,117,118],{"class":81},"\u002F\u002Fhost:'localhost'  \n",[75,120,122],{"class":77,"line":121},5,[75,123,124],{"class":81},"              \u002F\u002F useLocalIp: false,  \n",[75,126,128],{"class":77,"line":127},6,[75,129,130],{"class":81},"            \u002F\u002F proxy: 'http:\u002F\u002Flocalhost:8080',  \n",[75,132,134],{"class":77,"line":133},7,[75,135,136],{"class":81},"            \u002F\u002F public: '172.23.3.180:8080',  \n",[75,138,140],{"class":77,"line":139},8,[75,141,142],{"class":81},"            \u002F\u002F watchOptions: {  \n",[75,144,146],{"class":77,"line":145},9,[75,147,148],{"class":81},"            \u002F\u002F poll: true  \n",[75,150,152],{"class":77,"line":151},10,[75,153,154],{"class":81},"            \u002F\u002F }  \n",[75,156,158],{"class":77,"line":157},11,[75,159,160],{"class":92},"            }, configureWebpack: {  \n",[75,162,164],{"class":77,"line":163},12,[75,165,166],{"class":92},"                      plugins: [\n",[75,168,170],{"class":77,"line":169},13,[75,171,172],{"class":81},"                      \u002F\u002Fnew MyAwesomeWebpackPlugin()  \n",[75,174,176],{"class":77,"line":175},14,[75,177,178],{"class":92},"                      ] \n",[75,180,182],{"class":77,"line":181},15,[75,183,184],{"class":92},"                  }\n",[75,186,188],{"class":77,"line":187},16,[75,189,190],{"class":92},"            }\n",[192,193,194],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":70,"searchDepth":85,"depth":85,"links":196},[],"2020-08-28T20:50:38.782Z","HMR issues after creating new Vue app via vue-cli.  Hot Module Replacement (HMR) exchanges, adds, or removes modules while an aplication is running, without a full reload.  Ultimately, this significantly improves development efforts.","md","\u002Farticles\u002Fimages\u002Fwebpack.png",{},true,"\u002Farticles\u002Fhot-module-reload-hmr-issues",{"title":6,"description":198},"articles\u002Fhot-module-reload-hmr-issues",[207],"vuejs","ji1AxRVh3i7FKPFuNIP_WlsYYW7t_5wc7KzZ105NyEU",[210],{"id":211,"title":212,"body":213,"description":217,"extension":199,"img":218,"meta":219,"name":207,"navigation":202,"path":220,"seo":221,"stem":222,"__hash__":223},"tags\u002Ftags\u002Fvuejs.md","Vuejs",{"type":9,"value":214,"toc":215},[],{"title":70,"searchDepth":85,"depth":85,"links":216},[],"Vue (pronounced \u002Fvjuː\u002F, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1598313183973-4effcded8d5e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=675&q=80",{},"\u002Ftags\u002Fvuejs",{"description":217},"tags\u002Fvuejs","FLzo8HD9QLE9FzBr4K8hRvB7QUPBQ4Ku-dpXQK90QZM",{"id":225,"title":226,"author":7,"body":227,"createdAt":296,"description":297,"extension":199,"img":293,"meta":298,"navigation":202,"path":299,"seo":300,"stem":301,"tags":302,"updatedAt":296,"__hash__":304},"articles\u002Farticles\u002Fazure-appservice-http-error-50030-ancm-in-process-start-failure.md","Azure AppService HTTP Error 500.30 ANCM InProcess Start Failure",{"type":9,"value":228,"toc":294},[229,232,235,238,241,244,251,257,260,262,275,280,291],[12,230,231],{},"Again, up against the 500.30 –> really means that something is wrong (usually configuration, appsettings incorrect etc.) which prevents the application from starting up.",[12,233,234],{},"Todays', resolution…",[12,236,237],{},"- Launch Kudu from the Azure Portal (under Advanced Tools)",[12,239,240],{},"- Use Debug console – CMD",[12,242,243],{},"- Use command prompt DOS commands to navigate to \\site\\wwwroot",[12,245,246,247],{},"- Try starting the application via dotnet web.dll ",[248,249,250],"em",{},"(the name of your web application dll)",[12,252,253,256],{},[248,254,255],{},"- ","With any luck, the output will show log errors and with some thought you can decipher what configuration piece is missing (in this case, my connection string was incorrect and I was missing App_Data directory)",[258,259],"br",{},[258,261],{},[263,264,265,269,272],"ul",{},[266,267,268],"li",{},"The application failed to start",[266,270,271],{},"The application started but then stopped",[266,273,274],{},"The application started but threw an exception during startup",[276,277,279],"h4",{"id":278},"troubleshooting-steps","Troubleshooting steps:",[263,281,282,285,288],{},[266,283,284],{},"Check the system event log for error messages",[266,286,287],{},"Enable logging the application process' stdout messages",[266,289,290],{},"Attach a debugger to the application process and inspect",[27,292],{"href":293},"\u002Farticles\u002Fimages\u002Fimage_637348425926534448.png",{"title":70,"searchDepth":85,"depth":85,"links":295},[],"2020-09-04T18:56:32.880Z","While hosting an application within Azure AppService, I was up against the dreaded 500.30 ANCM exception.  Following is an approach to help get to resolution.",{},"\u002Farticles\u002Fazure-appservice-http-error-50030-ancm-in-process-start-failure",{"title":226,"description":297},"articles\u002Fazure-appservice-http-error-50030-ancm-in-process-start-failure",[303],"azure","k2bCHrW85oXKlPnYGZmUFSD9tgg9OapWFupo2DLTSBs",{"id":306,"title":307,"author":7,"body":308,"createdAt":469,"description":470,"extension":199,"img":322,"meta":471,"navigation":202,"path":472,"seo":473,"stem":474,"tags":475,"updatedAt":469,"__hash__":477},"articles\u002Farticles\u002Fasp-net-mvc-versions-microsoft-aspnet-mvc.md","ASP.NET MVC Versions of Microsoft.AspNet.Mvc",{"type":9,"value":309,"toc":467},[310,313,326,332,342,361,363,391,401],[12,311,312],{},"While creating a new web application targeting .NET Framework 4 we see a dialog like the following.  Great all good right. ",[12,314,315],{},[27,316,318],{"href":317},"\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_2.png",[319,320],"img",{"style":321,"src":322,"alt":323,"title":323,"width":324,"height":325},"display: inline;","\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_thumb.png","image",306,83,[12,327,328,329,331],{},"What is Microsoft.AspNet.Mvc? What is System.Web.Mvc.dll?  Are these related…in short yes.  I had some confusion as to the relationship between System.Web.Mvc and the Nuget package Microsoft.AspNet.Mvc.  Here is how….",[258,330],{},"\nYes, they are very much related.  Do things have to be this confusing? ",[12,333,334,335],{},"So tracking this down, I created a new out-of-the-box Asp.Net MVC Application.  Afterwards, I opened up Nuget Manager in order to review what packages were installed.  I see a number of packages needing updating.  In particular, I see one Microsoft.AspNet.Mvc however I do not see this assembly in my project references.  Remember - Nuget packages can and do include one or more assemblies(dll’s) and can be named differently than the package name.  In this particular case, the package Microsoft.AspNet.Mvc contains the System.Web.Mvc.dll.  For the record, the project when created referenced this package..",[336,337,341],"package",{"id":338,"version":339,"targetframework":340},"Microsoft.AspNet.Mvc","4.0.30506.0","net40","  (this package includes the System.Web.Mvc.dll Runtime Version v4.0.30319, Version 4.0.0.0 and specifically Product version 4.0.20710.0 shown via file properties)",[12,343,344,345,347,357,358],{},"Inside the out of box .NET 4, MVC application we have…",[258,346],{},[27,348,350],{"href":349},"\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_6.png",[319,351],{"style":352,"src":353,"border":354,"alt":323,"title":323,"width":355,"height":356},"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border-width: 0px;","\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_thumb_2.png",0,260,285,"  ",[27,359],{"href":360},"\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_4.png",[27,362],{"href":360},[12,364,365,372,373,375,376],{},[27,366,367],{"href":360},[319,368],{"style":352,"src":369,"border":354,"alt":323,"title":323,"width":370,"height":371},"\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_thumb_1.png",308,289," ",[258,374],{},"\nLooking at the System.Web.Mvc.dll that was delivered with the new .NET 4 application we have the following dll.  In addition, if we look at the existing Nuget packages in the application we have the following package ",[336,377,378,380,388,390],{"id":338,"version":339,"targetframework":340},[258,379],{},[27,381,383],{"href":382},"\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_8.png",[319,384],{"style":352,"src":385,"border":354,"alt":323,"title":323,"width":386,"height":387},"\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_thumb_3.png",346,264,[258,389],{},"\nNow, we will update the Microsoft.AspNet.Mvc version 4.0.30506.0 package to 4.0.40804.0 to see what occurs.",[12,392,393],{},[27,394,396],{"href":395},"\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_10.png",[319,397],{"style":352,"src":398,"border":354,"alt":323,"title":323,"width":399,"height":400},"\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_thumb_4.png",134,240,[12,402,403,404],{},"The package in the packages file was updated to ",[336,405,407,408,357,416,424,426,429,431,434,436,437],{"id":338,"version":406,"targetframework":340},"4.0.40804.0","  Looking at the project references after the update we can see System.Web.Mvc Runtime version 4.0.30319 and Version 4.0.0.1.  Note: the file in the bin directory is not updated until after a project build.  Now looking at the file properties we can see File version 4.0.40804.0 and Product version 4.040804.0\n",[27,409,411],{"href":410},"\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_12.png",[319,412],{"style":352,"src":413,"border":354,"alt":323,"title":323,"width":414,"height":415},"\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_thumb_5.png",138,226,[27,417,419],{"href":418},"\u002Farticles\u002Fimages\u002Fwindows-live-writer-fa2dee033792_a6f6-image_16.png",[319,420],{"style":352,"src":421,"border":354,"alt":323,"title":323,"width":422,"height":423},"\u002Farticles\u002Fimageswindows-live-writer-fa2dee033792_a6f6-image_thumb_7.png",201,244,[258,425],{},[19,427,428],{},"In summary…",[258,430],{},[19,432,433],{},"Before",[258,435],{},"\nNuget Package: ",[336,438,439,440,442,445,436,447],{"id":338,"version":339,"targetframework":340},"\nProject Reference: System.Web.Mvc.dll Runtime Version v4.0.30319, Version 4.0.0.0\nFile System: Product version 4.0.20710.0",[258,441],{},[19,443,444],{},"After",[258,446],{},[336,448,449,450,452,453],{"id":338,"version":406,"targetframework":340},"\nProject Reference:System.Web.Mvc Runtime version 4.0.30319 and Version 4.0.0.1\nFile System:File version 4.0.40804.0",[258,451],{},"\nWe also have to note that the web.config was updated by the Nuget package, notice below the newVersion is 4.0.0.1\n",[454,455,456,457],"dependent-assembly",{},"\n  ",[458,459,456,462],"assembly-identity",{"name":460,"publickeytoken":461},"System.Web.Mvc","31bf3856ad364e35",[463,464],"binding-redirect",{"oldversion":465,"newversion":466},"0.0.0.0-4.0.0.1","4.0.0.1",{"title":70,"searchDepth":85,"depth":85,"links":468},[],"2020-06-11T20:28:49.852Z","Versions of Asp.net",{},"\u002Farticles\u002Fasp-net-mvc-versions-microsoft-aspnet-mvc",{"title":307,"description":470},"articles\u002Fasp-net-mvc-versions-microsoft-aspnet-mvc",[476],"visualstudio","j2JjzZkhslYYQHf8dsNiFM_V-AhPEaLg23n12z9xFLw",1781574769997]