비주얼 코드 Extention에서 제공하는 LiveServer에서는 웹사이트가 제대로 호스팅 되었으나 nodejs express에서는 html 파일이 app.js파일의 경로를 적어줬음에도 불구하고 찾지 못했다.
현재 파일 디렉토리 구조
contents
-1- app.js
-1- public
-2- mainPage
-3- mainPage.html
내가 원하는 구조는 app.js 파일이 public에 분리해둔 각각의 폴더의 html 파일들을 가져와 웹사이트에 뿌려주는 것인데 express 모듈을 사용하자 상위 디렉토리 접근이 불가능하여
오류가 있어서 변경을 기다리는 중
프로젝트 루트
package.json 파일이 있는 위치가 프로젝트 루트 경로이다.
정적 파일 루트
어떤 코드를 넣어도 계속 오류가 났었는데 결국 해결했다.
문제는 Package.json과 import 방식과 commonjs 방식의 문제 때문이었다.
# CommonJS 방식
const express = require('express');
const path = require('path');
# --------------------------------------
# 모듈 방식
import express from 'express';
import path from 'path';
#---------------------------------------
어디가 문제인지도 모르고 한참을 고민하고 있었다.
시간은 좀 많이 걸렸지만 어쨌든 문제를 해결했고 서버를 열어 사이트를 보여주는 것에 성공했다.