{"id":45,"date":"2023-01-25T06:09:50","date_gmt":"2023-01-25T06:09:50","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/ruyang\/?p=45"},"modified":"2023-01-25T06:09:50","modified_gmt":"2023-01-25T06:09:50","slug":"an-unexpected-problem","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/ruyang\/2023\/01\/25\/an-unexpected-problem\/","title":{"rendered":"An Unexpected Problem"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/IMG-3218-1024x768.jpg\" alt=\"\" class=\"wp-image-46\" width=\"689\" height=\"516\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/IMG-3218-1024x768.jpg 1024w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/IMG-3218-300x225.jpg 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/IMG-3218-768x576.jpg 768w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/IMG-3218-1536x1152.jpg 1536w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/IMG-3218-2048x1536.jpg 2048w\" sizes=\"auto, (max-width: 689px) 100vw, 689px\" \/><figcaption class=\"wp-element-caption\">Photoed by Ru, Summer 2022<\/figcaption><\/figure>\n\n\n\n<p>I enjoy coding. Learning new knowledge and completing a project successfully excite me the most. However, life is not always full of joy. Problems and bugs will never be absent in every development process. Especially when working in a team, you might have chances to meet some peculiar problems that are caused by an unexpected thing. If bugs and problems are inevitable, why not treat them as a learning process? I am going to share a new problem I met recently.  <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">A New Problem Occurs During Environment Setup<\/h4>\n\n\n\n<p>This quarter, I started work on my Capstone team project. Our team decided to use a popular technical stack (MERN) to create a Job Tracker web app. Early this week, I took charge of the environment setup. I checked several online tutorials, built and test locally, push them into Github Repository and then send the setup instruction to our group chat. Later on, one of my teammates reached out to me and said the Frontend did not work properly on her end unless she made a change on a line in the client-side package.json.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"311\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/Screenshot-2023-01-24-at-10.16.03-PM-1-1024x311.png\" alt=\"\" class=\"wp-image-60\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/Screenshot-2023-01-24-at-10.16.03-PM-1-1024x311.png 1024w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/Screenshot-2023-01-24-at-10.16.03-PM-1-300x91.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/Screenshot-2023-01-24-at-10.16.03-PM-1-768x233.png 768w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/Screenshot-2023-01-24-at-10.16.03-PM-1.png 1126w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>The code I wrote.<\/strong><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"293\" src=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/Screenshot-2023-01-24-at-10.17.20-PM-1024x293.png\" alt=\"\" class=\"wp-image-61\" srcset=\"https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/Screenshot-2023-01-24-at-10.17.20-PM-1024x293.png 1024w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/Screenshot-2023-01-24-at-10.17.20-PM-300x86.png 300w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/Screenshot-2023-01-24-at-10.17.20-PM-768x220.png 768w, https:\/\/osu-wams-blogs-uploads.s3.amazonaws.com\/blogs.dir\/6420\/files\/2023\/01\/Screenshot-2023-01-24-at-10.17.20-PM.png 1084w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><strong>The code worked on her side.<\/strong> <\/figcaption><\/figure>\n\n\n\n<p>I tried to reproduce this problem on my side, however the code I wrote worked properly on my end. Then I changed this line to her code, and the weird thing happened. The code that worked on her side did not work on my end. Curiosity caused me to google this problem. Finally, I found the problems were caused by the different operating systems. The syntax I used only works on Linux and macOS. The syntax which worked on her side is for windows.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">A Bit of Thought<\/h4>\n\n\n\n<p>It is a new and interesting problem for me since most of the projects I did before are individual projects. When I did research about the MERN stack setup, I only paid attention to the mac version info. I didn&#8217;t expect this problem to be caused by different syntaxes on the different operating systems. <\/p>\n\n\n\n<p>I guess I should consider more when working in a team. Instead of starting working on a task immediately, I should take some time to think about what kind of factors might cause issues so that I could be careful when working on the task.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I enjoy coding. Learning new knowledge and completing a project successfully excite me the most. However, life is not always full of joy. Problems and bugs will never be absent in every development process. Especially when working in a team, you might have chances to meet some peculiar problems that are caused by an unexpected &hellip; <a href=\"https:\/\/blogs.oregonstate.edu\/ruyang\/2023\/01\/25\/an-unexpected-problem\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">An Unexpected Problem<\/span><\/a><\/p>\n","protected":false},"author":13103,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-45","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/ruyang\/wp-json\/wp\/v2\/posts\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/ruyang\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/ruyang\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/ruyang\/wp-json\/wp\/v2\/users\/13103"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/ruyang\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":25,"href":"https:\/\/blogs.oregonstate.edu\/ruyang\/wp-json\/wp\/v2\/posts\/45\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/blogs.oregonstate.edu\/ruyang\/wp-json\/wp\/v2\/posts\/45\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/ruyang\/wp-json\/wp\/v2\/media?parent=45"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/ruyang\/wp-json\/wp\/v2\/categories?post=45"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/ruyang\/wp-json\/wp\/v2\/tags?post=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}