Vue.jsでVue CLIを使った環境で学習していて、 npm run serveでサーバー立ち上げた際に問題が起こりました。 kushiyama_makoto@MakotonoMacBook-Air udemy-vuejs4 % npm run serve > udemy-vuejs4@0.1.0 serve > vue-cli-service serve INFO Starting development server... 98% after emitting CopyPlugin ERROR Failed to compile with 1 error 14:40:38 error in ./src/App.vue Module Error (from ./node_modules/eslint-loader/index.js): /Users/kushiyama_makoto/udemy-vuejs4/src/App.vue 75:19 error 'el' is defined but never used no-unused-vars 89:18 error 'el' is defined but never used no-unused-vars 92:22 error 'el' is defined but never used no-unused-vars 95:19 error 'el' is defined but never used no-unused-vars 109:18 error 'el' is defined but never used no-unused-vars 112:22 error 'el' is defined but never used no-unused-vars 119:1 error Irregular whitespace not allowed no-irregular-whitespace ✖ 7 problems (7 errors, 0 warnings) @ ./src/main.js 6:0-28 10:13-16 @ multi (webpack)-dev-server/client?http://192.168.11.4:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js 「elが定義されてるけど、一度も使用されてない？？？」 ちょっとよくわからないので、しばらくググってましたが時間だけが過ぎました。（土日だけ勉強に当ててるので、１週間くらいかかりました。意味わからんくて寝込みました。） ただある日、記事にたどり着いいたので紹介します。こちらです。 https://qiita.com/Nelson605/items/8b1a4cefef7a84a0dec0 こちらに記述されている部分のどこかのファイルに記述するのかな（おそらくjsonファイルかな）。。。 さらにこちらのstackOverFlowの記事にさらに細かくありました！！ https://stackoverflow.com/questions/61874994/vue-disable-no-unused-vars-error-the-simplest-fix やはりpakage.jsonに追記するみたいです。 実際に追加しました。 動いた！！！ 因みに、このような記事もありました。 https://qiita.com/blajir/items/82127aaa57e4d73a8389 原因は、 JavaScriptの構文チェックツールが動いたからですかね。 なので、今回の対応はチェックツールのno-unused-varsを無効することによってエラーを解消したようです。

Vue.jsでVue CLIを使った環境で学習していて、 npm run serveでサーバー立ち上げた際に問題が起こりました。 kushiyama_makoto@MakotonoMacBook-Air udemy-vuejs4 % npm run serve > udemy-vuejs4@0.1.0 serve > vue-cli-service serve INFO Starting development server... 98% after emitting CopyPlugin ERROR Failed to compile with 1 error 14:40:38 error in ./src/App.vue Module Error (from ./node_modules/eslint-loader/index.js): /Users/kushiyama_makoto/udemy-vuejs4/src/App.vue 75:19 error 'el' is defined but never used no-unused-vars 89:18 error 'el' is defined but never used no-unused-vars 92:22 error 'el' is defined but never used no-unused-vars 95:19 error 'el' is defined but never used no-unused-vars 109:18 error 'el' is defined but never used no-unused-vars 112:22 error 'el' is defined but never used no-unused-vars 119:1 error Irregular whitespace not allowed no-irregular-whitespace ✖ 7 problems (7 errors, 0 warnings) @ ./src/main.js 6:0-28 10:13-16 @ multi (webpack)-dev-server/client?http://192.168.11.4:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js 「elが定義されてるけど、一度も使用されてない？？？」 ちょっとよくわからないので、しばらくググってましたが時間だけが過ぎました。（土日だけ勉強に当ててるので、１週間くらいかかりました。意味わからんくて寝込みました。） ただある日、記事にたどり着いいたので紹介します。こちらです。 https://qiita.com/Nelson605/items/8b1a4cefef7a84a0dec0 こちらに記述されている部分のどこかのファイルに記述するのかな（おそらくjsonファイルかな）。。。 さらにこちらのstackOverFlowの記事にさらに細かくありました！！ https://stackoverflow.com/questions/61874994/vue-disable-no-unused-vars-error-the-simplest-fix やはりpakage.jsonに追記するみたいです。 実際に追加しました。 動いた！！！ 因みに、このような記事もありました。 https://qiita.com/blajir/items/82127aaa57e4d73a8389 原因は、 JavaScriptの構文チェックツールが動いたからですかね。 なので、今回の対応はチェックツールのno-unused-varsを無効することによってエラーを解消したようです。 ※追記 普通にpackage.jsonにrulesの項目あるのでここ（下記のスクショ）に追加でよかったみたいです。。。。

TL;DR Express & Okta-Hosted Login Page Example 샘플 코드를 따라해보았습니다. 서버 설정과 Okta Admin 설정을 스크린샷 위주로 꼼꼼히 기록하였습니다. 사전환경 node.js 12 # node.js 12 설치 $ curl -sL https://rpm.nodesource.com/setup_12.x | sudo bash - $ yum install -y nodejs # 설치확인 $ node -v v12.2.29 $ npm -v 6.14.15 퍼블릭IP가 할당된 서버 $ curl ifconfig.me 125.6.38.43 작업순서 샘플코드 가져오기 & 패키지 설치 $ git clone https://github.com/okta/samples-nodejs-express-4.git $ cd samples-nodejs-express-4 $ npm install 샘플코드 수정 1) samples-nodejs-express-4/testenv 파일 생성 3개의 값이 필요합니다. ISSUER, CLIENT_ID,CLIENT_SECRET 이 3개의 값은 아래 2단계 Okta Admin 에서 생성해야 합니다. ISSUER=https://woowahan.okta.com/oauth2/default CLIENT_ID=0oac99n9kcCREAltZ696 CLIENT_SECRET=nOlpRP4g3wjy6tGjYCYIrjyinH5CECQVUwaQsaAZ 2) Okta Admin에서 ISSUER , CLIENT_ID, CLIENT_SECRET 생성 Okta Admin > Applications > Applications > Create App Integration OIDC - OpenID Connect 와 Web Appication 체크 > Next > 아래 값 입력 > Save App integration name : Node Express Sign-in redirect URIs : http://<퍼블릭IP>:8080/authorization-code/callback Sign-out redirect URIs : http://<퍼블릭IP>:8080 Assignments > Allow everyone in your organization to access 체크 CLIENT_ID, CLIENT_SECRET 확인 ISSUER 확인 Okta Admin > Security > API 3) samples-nodejs-express-4/config.js 수정 27번 라인 appBaseUrl 변경 appBaseUrl: 'http://125.6.38.43:8080' // 퍼블릭IP로 변경 서버 기동 $ cd ./samples-nodejs-express-4/okta-hosted-login $ npm run okta-hosted-login-server > @okta/samples-nodejs-express-4@3.1.0 okta-hosted-login-server /okta/samples-nodejs-express-4 > node okta-hosted-login/server.js App started on port 8080 결과화면 웹 브라우저 접속 : http://125.6.38.43:8080 Log In 클릭 > Okta 로그인 화면으로 리다이렉션 > Okta 계정으로 로그인 > 다시 Node express 이동 로그인 확인 My Profile 확인 참고 레퍼런스 : https://developer.okta.com/code/nodejs/ 문서 : https://developer.okta.com/docs/guides/sign-into-web-app/nodeexpress/main/ 샘플코드 : https://github.com/okta/samples-nodejs-express-4 관련 바로가기 Okta 초간단 사용기 Okta와 AD 연동하기 (Ad to Okta)