У меня есть проект Angular 2, который отлично работает на моей машине, а также один из моих сотрудников, однако два моих коллеги не могут запустить проект. У них есть правильные версии Node, NPM и TypeScript и они могут отлично работать над проектом Angular 2 Quickstart, но по какой-либо причине, когда они запускают npm start
в моем проекте, экран загрузки появляется и просто застревает. Нет ошибок в консоли браузера, однако, когда они запускают npm start
, они получают 404s на .map-файлах внутри node_module/systemjs/*. Эти ошибки не происходят на моей машине, на самом деле я не вижу никаких доказательств того, что моя машина даже ищет эти файлы при запуске проекта. Чтобы избавиться от этих сообщений об ошибках, он сказал, что удалил файл angular.min.js.map, но не устранил проблему с приложением, а не загрузкой.Проект Angular 2 не работает на некоторых компьютерах
Я полностью в затруднении здесь. Кто-нибудь знает, что может вызвать эту проблему?
Вот наш package.json файл:
{
"name": "angular-quickstart",
"version": "1.0.0",
"description": "QuickStart package.json from the documentation, supplemented with testing support",
"scripts": {
"start": "tsc && concurrently \"tsc -w\" \"lite-server\" ",
"e2e": "tsc && concurrently \"http-server -s\" \"protractor protractor.config.js\" --kill-others --success first",
"lint": "tslint ./app/**/*.ts -t verbose",
"lite": "lite-server",
"pree2e": "webdriver-manager update",
"test": "tsc && concurrently \"tsc -w\" \"karma start karma.conf.js\"",
"test-once": "tsc && karma start karma.conf.js --single-run",
"tsc": "tsc",
"tsc:w": "tsc -w"
},
"keywords": [],
"author": "",
"license": "MIT",
"dependencies": {
"@angular/common": "~2.4.0",
"@angular/compiler": "~2.4.0",
"@angular/compiler-cli": "^2.4.1",
"@angular/core": "~2.4.0",
"@angular/forms": "~2.4.0",
"@angular/http": "~2.4.0",
"@angular/platform-browser": "~2.4.0",
"@angular/platform-browser-dynamic": "~2.4.0",
"@angular/platform-server": "^2.4.1",
"@angular/router": "~3.4.0",
"angular-in-memory-web-api": "~0.2.4",
"angular2-google-maps": "^0.17.0",
"angular2-jwt": "^0.1.28",
"core-js": "^2.4.1",
"fullcalendar": "^3.1.0",
"moment": "^2.17.1",
"primeng": "^1.1.4",
"rxjs": "5.0.1",
"systemjs": "0.19.40",
"zone.js": "^0.7.4"
},
"devDependencies": {
"@types/googlemaps": "^3.26.0",
"@types/jasmine": "2.5.36",
"@types/node": "^6.0.46",
"canonical-path": "0.0.2",
"concurrently": "^3.1.0",
"http-server": "^0.9.0",
"jasmine-core": "~2.4.1",
"karma": "^1.3.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-jasmine-html-reporter": "^0.2.2",
"lite-server": "^2.2.2",
"lodash": "^4.16.4",
"protractor": "~4.0.14",
"rimraf": "^2.5.4",
"rollup": "^0.40.2",
"rollup-plugin-commonjs": "^7.0.0",
"rollup-plugin-node-resolve": "^2.0.0",
"rollup-plugin-uglify": "^1.0.1",
"tslint": "^3.15.1",
"typescript": "~2.0.10"
},
"repository": {}
}
Вот наш systemjs.config файл:
(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',
'angular2-jwt': 'npm:angular2-jwt/angular2-jwt.js',
'fullcalendar': 'npm:fullcalendar',
'primeng': 'npm:primeng',
'angular2-google-maps/core': 'npm:angular2-google-maps/core/core.umd.js' // For address autocomplete
},
// packages tells the System loader how to load when no filename and/or no extension
packages: {
app: {
main: './main.js',
defaultExtension: 'js'
},
rxjs: {
defaultExtension: 'js'
},
'angular2-jwt': {
defaultExtension: 'js'
},
primeng: {
defaultExtension: 'js'
}
}
});
})(this);
Мы бежим машинопись 2.0, НПМ 3.10.10, и узел 6.9.4
попробуйте npm запустить start. но вы уже сказали, что узел, npm и машинопись - это одна и та же версия. просто попробуйте –
, если вы можете создать плунжер –
Какую платформу вы используете? Являются ли они какие-либо ошибки на консоли узла? Если да, можете ли вы попробовать отдельно посмотреть, что сделало ошибку: npm run tsc, npm run lite? – Gilsdav