Я использую Lodash, а «npm run start» работает над созданием и запуском приложения. Однако, когда я пытаюсь запустить Karma с «npm run test», он задыхается на Lodash. Есть идеи?Lodash Killing Karma в SystemJS Angular 2 app
Вот ошибка:
404: /base/node_modules/lodash/index.js
Chrome 55.0.2.883 (Windows 7) ERROR
{"originalStack": Error: (SystemJS) XHR error (404 Not Found) loading node_modules/lodash/index.js}
Here's a link to a PICTURE of the actual error (I can't embed images yet)
Как вы можете видеть на картинке, lodash не единственный модуль, который дает мне эту ошибку, и один называется Wijmo, который является графической утилитой , Это не единственные сторонние модули, которые я использую, как вы можете видеть в моем systemjs.config.js ниже, поэтому возникает вопрос: «Почему эти проблемы вызывают, а другие нет?»
У меня есть «node_modules/lodash/lodash.js» в «файлах» массив моей карме конфигурации, как описано здесь: Importing lodash into angular2 + typescript application
... хотя добавление/удаление этой строки, кажется, не делают разница.
Вот полный файл karma.conf.js, для справки:
module.exports = function(config) {
var appBase = 'app/'; // transpiled app JS and map files
var appSrcBase = 'app/'; // app source TS files
var appAssets = '/base/app/'; // component assets fetched by Angular's compiler
var testingBase = 'testing/'; // transpiled test JS and map files
var testingSrcBase = 'testing/'; // test source TS files
config.set({
basePath: '',
frameworks: ['jasmine'],
plugins: [
require('karma-jasmine'),
require('karma-chrome-launcher'),
require('karma-jasmine-html-reporter'), // click "Debug" in browser to see it
require('karma-htmlfile-reporter') // crashing w/ strange socket error
],
client: {
builtPaths: [appBase, testingBase], // add more spec base paths as needed
clearContext: false // leave Jasmine Spec Runner output visible in browser
},
customLaunchers: {
// From the CLI. Not used here but interesting
// chrome setup for travis CI using chromium
Chrome_travis_ci: {
base: 'Chrome',
flags: ['--no-sandbox']
}
},
files: [
'node_modules/lodash/lodash.js',
// System.js for module loading
'node_modules/systemjs/dist/system.src.js',
// Polyfills
'node_modules/core-js/client/shim.js',
'node_modules/reflect-metadata/Reflect.js',
// zone.js
'node_modules/zone.js/dist/zone.js',
'node_modules/zone.js/dist/long-stack-trace-zone.js',
'node_modules/zone.js/dist/proxy.js',
'node_modules/zone.js/dist/sync-test.js',
'node_modules/zone.js/dist/jasmine-patch.js',
'node_modules/zone.js/dist/async-test.js',
'node_modules/zone.js/dist/fake-async-test.js',
// RxJs
{ pattern: 'node_modules/rxjs/**/*.js', included: false, watched: false },
{ pattern: 'node_modules/rxjs/**/*.js.map', included: false, watched: false },
// Paths loaded via module imports:
// Angular itself
{ pattern: 'node_modules/@angular/**/*.js', included: false, watched: false },
{ pattern: 'node_modules/@angular/**/*.js.map', included: false, watched: false },
{ pattern: 'systemjs.config.js', included: false, watched: false },
{ pattern: 'systemjs.config.extras.js', included: false, watched: false },
'karma-test-shim.js', // optionally extend SystemJS mapping e.g., with barrels
// transpiled application & spec code paths loaded via module imports
{ pattern: appBase + '**/*.js', included: false, watched: true },
{ pattern: testingBase + '**/*.js', included: false, watched: true },
// Asset (HTML & CSS) paths loaded via Angular's component compiler
// (these paths need to be rewritten, see proxies section)
{ pattern: appBase + '**/*.html', included: false, watched: true },
{ pattern: appBase + '**/*.css', included: false, watched: true },
// Paths for debugging with source maps in dev tools
{ pattern: appSrcBase + '**/*.ts', included: false, watched: false },
{ pattern: appBase + '**/*.js.map', included: false, watched: false },
{ pattern: testingSrcBase + '**/*.ts', included: false, watched: false },
{ pattern: testingBase + '**/*.js.map', included: false, watched: false}
],
// Proxied base paths for loading assets
proxies: {
// required for component assets fetched by Angular's compiler
"/app/": appAssets
},
exclude: [],
preprocessors: {},
// disabled HtmlReporter; suddenly crashing w/ strange socket error
reporters: ['progress', 'kjhtml'],//'html'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false
})
}
В моем systemjs.config.js я следующее:
(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',
'ng2-translate': 'npm:ng2-translate/bundles',
'lodash': 'npm:lodash',
'socket.io-client': 'npm:socket.io-client/socket.io.js',
'mydatepicker': 'npm:mydatepicker',
'wijmo': 'npm:wijmo'
},
// 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'
},
'ng2-translate': {
main: 'ng2-translate',
defaultExtension: 'umd.js'
},
'socket.io-client': {
defaultExtension: 'js'
},
'mydatepicker': {
main: './dist/index.js',
defaultExtension: 'js'
},
lodash: {
main: './index.js',
defaultExtension: 'js'
},
wijmo: {
defaultExtension: 'js'
}
}
});
})(this);
И в моих компонентах, я я загрузка lodash так:
import * as _ from "lodash";
Если я пытаюсь импортировать его без «*, как» он выдает ошибку, говоря lodash сделать esn't не имеют экспорт по умолчанию.
Наконец, вот мой «тест» сценарий из package.json, который вызывается, когда я типа «тест выполнения НПМ»:
"test": "tsc && concurrently \"tsc -w\" \"karma start karma.conf.js\"",
обновление: после нескольких исследований я думаю, что это может иметь какое-то отношение к тому, как я устанавливаю базовый путь в Карме ... возможно. Несмотря на то, что файл существует, который возвращает 404, я заметил, что он НЕ существует относительно локального karma, только локального хоста моей сборки. – David
Является ли конфигурационным файлом Karma в родительском каталоге вашей папки node_modules, чтобы ссылка на файл 'node_modules/lodash' относилась к нему? Если нет, вам может потребоваться установить конфигурацию basePath в вашей конфигурации Karma. Кроме того, когда работает Karma, можете ли вы попасть по пути http: // localhost: 9876/base/node_modules/lodash/index.js без 404? Что-то еще, чтобы проверить: не следует ли systemjs.config.js использовать 'lodash': '/ base/node_modules/lodash', а не 'lodash': 'node_modules/lodash'? – Brady
Да, мой файл конфигурации кармы находится в родительском каталоге папки node_modules. И нет, я не могу получить доступ к этому URL-адресу, когда работает карма, он возвращает 404 «NOT FOUND» на экране (не уверен, что делать с этим). Что касается put/base/в начале местоположения lodash, я дал это выстрел, и, похоже, это не изменило ситуацию. Не делая этого изменения, я вижу на консоли, что он получает 404 на /base/node_modules/lodash/index.js, поэтому я думаю, что он уже вставляет базовую часть. Я обновил свой пост, чтобы дать вам больше информации - надеюсь, это полезно. Спасибо за вашу помощь. – David