correction; instead of main.js its actually app.module. copy/pasted from console:
localhost/:19 Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/app.module Error: XHR error (404 Not Found) loading http://localhost:3000/app.module On Saturday, June 10, 2017 at 6:09:25 PM UTC-4, Dawg wrote: > > Hi, > > I'm trying to separate the Typescript (TS) and the JavaScript (JS) files > in different folders.* I'm able to separate the file*s > but when I run the application, I'm getting the message "*loading > AppComponent content here...*". > > In lite-server the message received: *404 /main.js* > > According to the console display: > *Error: (SystemJS) XHR error (404 Not Found) loading > http://localhost:3000/main.js <http://localhost:3000/main.js>* > *Error: XHR error (404 Not Found) loading http://localhost:3000/main.js > <http://localhost:3000/main.js>* > > I think it looks like its trying to load main.js file but I'm not sure how > to resolve that. > > > side note, the quick start files were downloaded from angular.io > > how do i go about fixing this issue? > > > > *what I did separate the files:* > > 1. created a folder: *src/dist* > > 2. modified tsconfig.js > { > "compilerOptions": { > "target": "es5", > "module": "commonjs", > "moduleResolution": "node", > "sourceMap": true, > "emitDecoratorMetadata": true, > "experimentalDecorators": true, > "lib": [ "es2015", "dom" ], > "noImplicitAny": true, > "suppressImplicitAnyIndexErrors": true, > "typeRoots": [ > "../node_modules/@types/" > ], > * "outDir": "dist"* > }, > "compileOnSave": true, > "exclude": [ > "node_modules/*", > "**/*-aot.ts" > ] > } > > 3. modified systemjs.config.js > // map tells the System loader where to look for things > map: { > // our app is within the app folder > * 'app': 'dist',* > > *//also tried* > map: { > // our app is within the app folder > *'app': 'dist/app',* > > 4. main.ts not modified: > import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; > import { AppModule } from './app/app.module'; > platformBrowserDynamic().bootstrapModule(AppModule); > > > -- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
