angular 실습 중 Uncaught (in promise) Error: Fetch error: 404 Not Found 에러가 발생합니다.

inflearn의 Module 알아보기 (1) 강의 실습 중 angular 실습 중 Uncaught (in promise) Error: Fetch error: 404 Not Found 에러가 발생합니다.

이미지

모듈은 아래와 같이 구성하였습니다.

Angular CLI: 1.6.0

Node: 8.9.3

OS: win32 x64

first-app/src/index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>FirstApp</title>
  <base href="/">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://unpkg.com/systemjs/dist/system.js"></script>
  <script>
    SystemJS.config({
      baseURL: '/first-app/src/module',
      transpiler: 'plugin-babel',
      map:{
        'plugin-babel':'https://unpkg.com/systemjs-plugin-babel/plugin-babel.js',
        'systemjs-babel-build': 'https://unpkg.com/systemjs-plugin-babel/systemjs-babel-browser.js'
      }
    });
    SystemJS.import('main.js');
  </script>  
</head>
<body>
  <app-root></app-root>
</body>
</html>

first-app/src/module/module.js

import { greeting } from 'greeting.js'

greeting('great!!!!!')

first-app/src/module/greeting.js

export function greeting(name){
    console.log(name);
}

나머지 구성은 "ng new 앱이름" 상태 그대로 입니다.

1답변

ᕕ( ᐛ )ᕗ
로그인이 필요합니다

작성한 답변에 다른 개발자들이 댓글을 작성하거나 댓글에 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.