Question

当我尝试在我的项目中实现ng2-smarttable时，会出现以下错误：

http://localhost:5555/node_modules/ng2-smart-table/build/src/ng2-smart-table/lib.js无法加载资源：服务器响应状态为404（未找到）

这也适用于以下文件：

localhost /：56错误：（SystemJS）XHR错误（404 Not Found）加载   http://localhost:5555/node_modules/ng2-smart-table/build/src/ng2-smart-table/lib.js（...）   “报告此错误   https://github.com/mgechev/angular2-seed/issues“（匿名函数）@   （指数）：56

http://localhost:5555/node_modules/ng2-smart-table/build/src/ng2-smart-table/ng2-smart-table.scss.js   无法加载资源：服务器响应状态为404   （未找到）

http://localhost:5555/node_modules/ng2-smart-table/build/src/ng2-smart-table/ng2-smart-table.html.js   无法加载资源：服务器响应状态为404   （未找到）

http://localhost:5555/node_modules/ng2-smart-table/build/src/ng2-smart-table/ng2-smart-table.scss.js   无法加载资源：服务器响应状态为404   （未找到）

http://localhost:5555/node_modules/ng2-smart-table/build/src/ng2-smart-table/ng2-smart-table.html.js   无法加载资源：服务器响应状态为404   （未找到）

http://localhost:5555/node_modules/ng2-smart-table/build/src/ng2-smart-table/components/filter/filter.scss.js   无法加载资源：服务器响应状态为404   （未找到）

http://localhost:5555/node_modules/ng2-smart-table/build/src/ng2-smart-table/components/cell/cell.scss.js   无法加载资源：服务器响应状态为404   （未找到）

http://localhost:5555/node_modules/ng2-smart-table/build/src/ng2-smart-table/components/pager/pager.scss.js   无法加载资源：服务器响应状态为404   （未找到）

http://localhost:5555/node_modules/ng2-smart-table/build/src/ng2-smart-table/components/title/title.scss.js   无法加载资源：服务器响应状态为404   （未找到）

我通过执行npm install --save ng2-smart-table安装了ng2-smart-table，之后只是为了确保（也可能是不必要的）npm install。

我在我的模块中做了以下事情：

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { BrowserModule } from '@angular/platform-browser';

import { Ng2SmartTableModule } from 'ng2-smart-table';

import { SmartTableComponent } from './smart-table.component';

@NgModule({
    imports: [
        RouterModule,
        BrowserModule,
        Ng2SmartTableModule
    ],
    declarations: [SmartTableComponent],
    exports: [SmartTableComponent],
})

export class SmartTableModule { }

然后在组件中，我按照教程https://akveo.github.io/ng2-smart-table/demo的指示进行了必要的标准操作。所以我做了：

import { Component, OnInit } from '@angular/core';

import { SensorData } from '../tables/sensor-data';
import { SensorDataService } from '../tables/sensor-data.service';

import { LocalDataSource } from 'ng2-smart-table';

// webpack html imports

@Component({
    moduleId: module.id,
    selector: 'smart-table',
    templateUrl: 'smart-table.component.html'
})

export class SmartTableComponent {

    settings = {
        columns: {
            SendDate: {
                title: 'Send Date'
            },
            Key: {
                title: 'Key'
            },
            Value: {
                title: 'Value'
            },
            SensorId: {
                title: 'Sensor #Id'
            }
        }
    };

    source: LocalDataSource;

    public constructor(private sensorDataService: SensorDataService) {
        this.source = new LocalDataSource();

        this.sensorDataService.getSensorData(2)
            .subscribe(
            data => {
                this.source.load(data);
                console.log(this.source);
            },
            error => console.log(<any>error));
    }

}

我注意到它试图获得.js？我不明白如何解决这个问题，因为我按照应有的方式做了一切。

非常感谢任何帮助！

Answer 1

我的项目有一个systemjs.config.js文件，用于映射和控制我的所有包。

见下面的例子：

var packages = {
    'angular2-highcharts': {main: 'index.js', defaultExtension: 'js' }
};

这defaultExtension可能会阻碍你。

缺少Ng2智能表文件，404（未找到）

1 个答案: