Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

GET http://localhost:3000/node_modules/rxjs/ 404 (Not Found) in angular4

Tags:

angular

node_modules/rxjs not found, while npm start my app.i have tried may of suggestions. not succeed. i am using quickstart repo form gihub click

My systemjs.config.js file

(function (global) {
  System.config({
    paths: {
      // paths serve as alias
      'npm:': 'node_modules/'
    },
    // map tells the System loader where to look for things
    map: {
      // our app is within the app folder
      'app': 'app',

      // angular bundles
      '@angular/core': 'npm:@angular/core/bundles/core.umd.js',
      '@angular/common': 'npm:@angular/common/bundles/common.umd.js',
      '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
      '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
      '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
      '@angular/http': 'npm:@angular/http/bundles/http.umd.js',
      '@angular/router': 'npm:@angular/router/bundles/router.umd.js',
      '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',

      // other libraries
      'rxjs':                      'npm:rxjs',
      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js'
    },
    // packages tells the System loader how to load when no filename and/or no extension
    packages: {
      app: {
        defaultExtension: 'js',
        meta: {
          './*.js': {
            loader: 'systemjs-angular-loader.js'
          }
        }
      },
      rxjs: {
        defaultExtension: 'js'
      }
    }
      });
    })(this);

my package.json file

"dependencies": {
"@angular/common": "~4.0.0",
"@angular/compiler": "~4.0.0",
"@angular/core": "~4.0.0",
"@angular/forms": "~4.0.0",
"@angular/http": "~4.0.0",
"@angular/platform-browser": "~4.0.0",
"@angular/platform-browser-dynamic": "~4.0.0",
"@angular/router": "~4.0.0",
"angular-in-memory-web-api": "~0.3.0",
"core-js": "^2.4.1",
"polyfills": "^2.1.1",
"rxjs": "5.0.1",
"zone.js": "^0.8.4"

},

Tried many of the solutions from stackoverflow, didn't solved error.

like image 512
Ketan Akbari Avatar asked Apr 01 '17 10:04

Ketan Akbari


People also ask

How to resolve the RxJS module not found error?

If you're still getting the "Module not found: Error: Can't resolve 'rxjs'" error, open your package.json file and make sure it contains the rxjs package in the dependencies object. Copied! The rxjs module should NOT be globally installed or be in your project's devDependencies, it should be in the dependencies object in your package.json file.

How to solve the error “module not found”?

To solve the error "Module not found: Error: Can't resolve 'rxjs'", make sure to install the rxjs package by opening your terminal in your project's root directory and running the command npm install rxjs and restart your development server.

What does get http://localhost 3000/404 (not found) mean?

In browser http://localhost:3000/ shows an error: GET http://localhost:3000/ 404 (Not Found) Show activity on this post. You have only static file handler which means this url would probably work http://localhost:3000/index.html


1 Answers

Solved: In systemjs.config.js placed code:

rxjs: {
        defaultExtension: 'js',
        main: 'Rx.js'
    }
like image 153
Ketan Akbari Avatar answered Oct 17 '22 17:10

Ketan Akbari