Skip to content

WARN [web-server]: 404: from jspm packages #83

Description

@troymclure1

Hi There,

I receiving errors when I try to run my karma tests with karma-systemjs. The error is: WARN [web-server]: 404: /base/jspm_packages/npm/typescript@2.0.10.js. Do I need to use a shim for this, if so, is there a sample that works?

Any help is appreciated.

My package json

{
"jspm": {
"dependencies": {
"@angular/common": "npm:@angular/common@^2.1.2",
"@angular/compiler": "npm:@angular/compiler@^2.1.2",
"@angular/core": "npm:@angular/core@^2.1.2",
"@angular/forms": "npm:@angular/forms@^2.1.2",
"@angular/http": "npm:@angular/http@^2.1.2",
"@angular/material": "npm:@angular/material@^2.0.0-alpha.9-3",
"@angular/platform-browser": "npm:@angular/platform-browser@^2.1.2",
"@angular/platform-browser-dynamic": "npm:@angular/platform-browser-dynamic@^2.1.2",
"@angular/router": "npm:@angular/router@^3.1.2",
"crypto": "github:jspm/nodelibs-crypto@^0.1.0",
"css": "github:systemjs/plugin-css@^0.1.32",
"reflect-metadata": "npm:reflect-metadata@^0.1.3",
"rxjs": "npm:rxjs@5.0.0-beta.12",
"text": "github:systemjs/plugin-text@^0.0.9",
"ts": "github:frankwallis/plugin-typescript@^2.0.17",
"zone.js": "npm:zone.js@^0.6.16"
},
"devDependencies": {
"typescript": "npm:typescript@^2.0.10"
}
},
"devDependencies": {
"@types/es6-shim": "^0.31.32",
"@types/hammerjs": "^2.0.33",
"@types/jasmine": "^2.5.38",
"es6-shim": "^0.35.1",
"jasmine": "^2.5.2",
"jasmine-core": "^2.5.2",
"jspm": "^0.16.48",
"karma": "^1.3.0",
"karma-chrome-launcher": "^2.0.0",
"karma-coverage": "^1.1.1",
"karma-jasmine": "^1.0.2",
"karma-jspm": "^2.2.0",
"karma-mocha-reporter": "^2.2.1",
"karma-phantomjs-launcher": "^1.0.2",
"karma-systemjs": "^0.15.0",
"karma-typescript": "^2.1.3",
"phantomjs": "^2.1.7",
"phantomjs-polyfill": "0.0.2",
"typescript": "^2.0.7"
},
"dependencies": {
"angular2-polyfill": "0.0.32"
}
}

  • karma conf

module.exports = function(config) {
config.set({

    // base path that will be used to resolve all patterns (eg. files, exclude)
    basePath: '.',

    // frameworks to use
    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
    frameworks: ['systemjs', 'jasmine'],

    plugins: [
        'karma-chrome-launcher',
        'karma-jasmine',
        'karma-systemjs'
    ],

    systemjs: {
        configFile: 'config.js',
        config: {
            paths: {
                "typescript": "node_modules/typescript/lib/typescript.js",
                "systemjs": "node_modules/systemjs/dist/system.js",
                'system-polyfills': 'node_modules/systemjs/dist/system-polyfills.js',
                'es6-module-loader': 'node_modules/es6-module-loader/dist/es6-module-loader.js'
            },
            packages: {
                'test': {
                    defaultExtension: 'ts'
                },
                'app': {
                    defaultExtension: 'ts'
                }
            },
            transpiler: 'typescript'
        },
        serveFiles: [
            'app/**/*.ts'
        ]
    },

    // list of files / patterns to load in the browser
    files: [
        'test/home.component.spec.ts'
    ],

   // proxies : { "/app" : "/app", "/jspm_packages" : "/jspm_packages" },

    // list of files to exclude
    exclude: [],


    // preprocess matching files before serving them to the browser
    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
    preprocessors: {

    },

    // test results reporter to use
    // possible values: 'dots', 'progress'
    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
    reporters: ['progress'],


    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


    // level of logging
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_INFO,


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: true,


    // start these browsers
    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
    browsers: ['Chrome'],


    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: true
});

};

-- system config

System.config({
baseURL: ".",
// baseURL: (typeof karma !== "undefined") ? "base" : "/"
defaultJSExtensions: true,
transpiler: "typescript",
strictImportSequence: true,
typescriptOptions: {
"module": "commonjs",
"emitDecoratorMetadata": true,
"tsconfig": true
},
paths: {
"npm:": "jspm_packages/npm/",
"github:": "jspm_packages/github/"
},

packages: {
"app": {
"main": "main",
"defaultExtension": "ts"
}
},

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions