ysys

npm run build 가 되지 않습니다.

말씀해주신대로 티도리 프로젝트 템플릿 (second-app)을 C:\tidory\ 로 옮겨서 npm start 명령어를 다시 시도해보았더니 아래와 같이 프로젝트 첫 화면을 확인할 수 있었습니다. 늦은 시간까지 도움 주셔서 감사합니다! 😊
<pre class="language-markup"><code>$ npm start

> @ start C:\tidory\second-app
> cross-env NODE_ENV=development tidory start

Project is running at http://localhost:8080/
webpack output is served from /
webpack: wait until bundle finished: /

webpack: Compiled successfully.
</code></pre>
<img src="https://cdn.inflearn.com/public/comments/744eeddb-1b2c-436c-a0e2-fab992c8bf01/load-success.png" title="load-success.png" width="700" height="378" alt="" />

npm start 가 되지 않습니다.

빠른 답변 감사합니다!
예전에 windows OS에서 nvm을 설치하다가 이와 비슷한 경우가 있었어서 github issue 에 있는 comment를 뒤져서 해결했던 적이 있었는데요.&nbsp;
당시 참고했던 url: https://github.com/coreybutler/nvm-windows/issues/41#issuecomment-464799741
cmd 창을 관리자 권한으로 실행한 다음, dir /? 와 dir /X 명령어를 입력해줘서 경로를 구했었습니다.
<pre class="language-markup"><code>C:\Users>dir /?
디렉터리에 있는 파일과 하위 디렉터리 목록을 보여 줍니다.
( 자체 생략 ... )
 /X 8dot3 파일 이름이 아닌 파일에 대한 짧은 이름을 보여 줍니다
 이 형식은 긴 이름 앞에 짧은 이름이 추가된 것으로 /N 포맷과
 같습니다. 짧은 이름이 없으면
 공백을 보여 줍니다.
 /4 4자릿수 연도를 표시합니다.


스위치를 DIRCMD 환경 변수로 미리 설정할 수 있습니다. 하이픈(-)을
스위치 앞에 접두사로 붙이면 미리 설정된 스위치를 재정의합니다(예, /-W).


C:\Users>dir /X
C 드라이브의 볼륨에는 이름이 없습니다.
볼륨 일련 번호: 846D-6E73


C:\Users 디렉터리


2020-01-04 오전 12:33 <DIR> .
2020-01-04 오전 12:33 <DIR> ..
2019-09-06 오전 01:27 <DIR> Public
2020-01-19 오후 10:53 <DIR> JOHN~1 John Doe
 0개 파일 0 바이트
 4개 디렉터리 156,419,928,064 바이트 남음</code></pre>
당시 nvm의 경우 root 경로 아래에 setting.txt 파일이 있어서 그곳의 root 경로를 수정해주는 것을 통해 에러를 해결했었는데요.
<pre class="language-markup"><code>$ nvm root

Current Root: C:\Users\JOHN~1\AppData\Roaming\nvm</code></pre>

create-tidory-app의 경우, 혹시 어디에서 프로젝트 경로를 수정하면 되는 것인지 알려주시면 감사하겠습니다.&nbsp;&nbsp;
현재 create-tidory-app 설치 경로
C:\Users\JOHN~1\AppData\Roaming\nvm\v13.6.0\node_modules\create-tidory-app
해당 create-tidory-app 경로 아래에 파일
<pre class="language-markup"><code>$ ls -a
. create-tidory-app create-tidory-app.ps1 node_modules npm.cmd npx.cmd
.. create-tidory-app.cmd node.exe npm npx</code></pre>
감사합니다 😊

빠른 답변 감사합니다!&nbsp;
말씀해 주신대로 <span style="background-color: #ffffff; color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px;">root 디렉토리 아래 <span style="background-color: #ffffff; color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px;">package.json 파일에 있는 기존 코드를 지우고, 위에 적어주신 코드를 그대로 복사 & 붙여넣기 한 다음, <span style="background-color: #ffffff; color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px;">동일한 root 디렉토리 경로에서 <span style="background-color: #ffffff; color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px;">npm install 을 한번 더 실행 해준 뒤, npm run dev를 하였더니 정상적으로 페이지로딩/회원가입/로그인이 되었습니다.&nbsp;
<span style="background-color: #ffffff; color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px;"><img src="https://cdn.inflearn.com/public/comments/fb0f79f2-d388-428b-8b70-de7116b03cdc/20200104_successful_login.png" title="20200104_successful_login.png" width="600" height="333" alt="" />
<span style="background-color: #ffffff; color: #000a12; font-family: 'Spoqa Han Sans', 'Apple SD Gothic Neo', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px;">다시 한번 친절하게 답변해주셔서 감사합니다! 완강 목표로 열심히 수강하겠습니다 :)

ysys

Bài viết