Comments (8)
+1
from angular-jumpstart.
+1
By the way, this is really a good repo to understand the basics and is really very well built.
As per the error message, the path to main.js file that is been referred is wrong. It is supposed to look into '/src/app/main.js' instead of '/app/main.js'
from angular-jumpstart.
Hi all.,
I have fixed the bundle failure issue. The project is getting bundled successfully now, but the website is not working :( :(
Attached is the screenshot of the errors :
In src/system.config.js file, change the app path in map attribute.
var map = {
'app': 'src/app', // 'dist', <---- change to 'src/app' instead of 'app'
'rxjs': 'node_modules/rxjs', [ no change ]
'@angular': 'node_modules/@angular' [ no change ]
};
from angular-jumpstart.
Currently out on a business trip but will look at this when I get time. In the meantime, if you get it going please submit a pull request - I'd appreciate it.
from angular-jumpstart.
Hi, I change also the path from 'app' to 'src/app' and prd bundle working now and local server also works correctly.
from angular-jumpstart.
I'm also having this issue. The "src/app"
workaround is not working for me. I get an error illegal operation on a directory
, which seems to be SystemJS trying to read a directory as a file. The same happens whether I suffix the path with a /
or not.
If I change it to "src/app/main.js"
, and I get an issue with the following paths:
no such file or directory, open '/Users/Meligy/Code/github/DanWahlin/Angular2-JumpStart/src/app/app.component'
Which seems like it doesn't append the ".js" as per the default extension in the config.
I think "app" is right though, matching the package name in the config file. But I'm getting errors on it as if it's the path.
from angular-jumpstart.
OK, the following code creates a bundle for me:
var SystemBuilder = require('systemjs-builder');
var argv = require('yargs').argv;
var sourceDirName = 'src';
var sourcePath = './' + sourceDirName;
var builder = new SystemBuilder(sourcePath, sourcePath + "/systemjs.config.js");
var outputFile = argv.prod ? './dist/bundle.min.js' : './dist/bundle.js';
builder.bundle('node_modules/*', {
fetch: function (load, fetch) {
load.address =
load.address.replace(sourceDirName + "/node_modules", "node_modules");
return fetch(load);
}
});
builder.buildStatic('app', outputFile, {
minify: argv.prod,
mangle: argv.prod,
rollup: argv.prod
});
But for some reason, the HTML files requested from components' templateUrl
s have the same paths unmodified.
For example, the browser tries to load /customers.component.html
, instead of /app/customers/customers.component.html
(note the /app/customers
prefix).
It's probably because app/customers/customers.component.html
is what is written inside the templateUrl
, and this is what's requested relative to the main HTML file path, in this case /
.
from angular-jumpstart.
I got it fully working!
In src/systemjs.config.js
:
Changed:
'app': { main: 'main.js', defaultExtension: 'js' },
to:
'app': { main: 'main.js', defaultExtension: 'js', encodeNames: false },
Works well with both runtime and bundle.
from angular-jumpstart.
Related Issues (20)
- Not able to run this. Please help HOT 1
- Reuesting for angular universal concept to cover HOT 1
- What is the login? HOT 1
- How do I hide the overlay if a request fails or give an error? HOT 1
- Not able to login in this app HOT 5
- application is not working HOT 1
- Not able to build the project HOT 5
- Issue Running ng build --watch HOT 1
- Application Code HOT 2
- Sorting Service HOT 4
- Getting 404 for all services HOT 3
- Need Documentation for clear idea about the code HOT 1
- Problem deploying this app on local tomcat HOT 1
- Not able to see customer details on opening "http://localhost:4200/customers" HOT 3
- Failed to load module script HOT 2
- can not start project HOT 9
- [Error] TypeError: ‘text/html’ is not a valid JavaScript MIME type. promiseReactionJob HOT 7
- Angular Playground fails to compile HOT 2
- Local API Error Handling Not working HOT 1
- running deno HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-jumpstart.