Uncaught (inpromise) Error: Fetch error: 404 Not Found error during angular practice.

Learn about modules from inflearn (1) During lecture practice during angular practice Uncaught (inpromise) Error: Fetch error: 404 Not Found error.

The modules are configured as follows.

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);
}

The rest of the configuration remains in the "ng new app name" state.

angular

2022-09-22 20:32

1 Answers

It's been resolved.

1. In the root path.Added to angular-cli.json as below.

“assets”: [
"module", // Here..
“assets”,
“favicon.ico”
],

2. Modify SystemJS.config

SystemJS.config({
      baseURL: '/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'
      }
    });

3. Restart after ending ngserve

2022-09-22 20:32

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656