gpt4 book ai didi

Angular 2 应用程序因 XHR 错误而失败(404 未找到)

转载 作者:行者123 更新时间:2023-12-04 03:16:44 28 4
gpt4 key购买 nike

我正在尝试使用 Angular2-Toaster,但我无法克服这个错误

(SystemJS) XHR error (404 Not Found) loading http://localhost:4311/node_modules/angular2-toaster/angular2-toaster(…)

我查看了浏览器调试中的源代码,angular2-toaster 文件夹没有加载到浏览器中。

Source from browser debug

我已经使用 npm 安装了它,它确实出现在文件系统的 node_modules 以及 package.json 中。

Typescript 编译,visual studio 很高兴。它只是在尝试运行应用程序时爆炸

这是我的

主要.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';
import { BrowserModule } from '@angular/platform-browser';
import { ToasterModule } from 'angular2-toaster/angular2-toaster';

const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

应用程序模块

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component'
import { FormsModule } from '@angular/forms';
import { ToasterModule,} from 'angular2-toaster/angular2-toaster';


@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, HttpModule, FormsModule, ToasterModule],
bootstrap: [AppComponent]
})
export class AppModule { }

这就是我所做的一切。甚至没有尝试使用它只是试图通过进口。有什么想法接下来要检查什么吗?什么控制从 node_modules 加载的包?

最佳答案

在使用 Angular2 时,人们似乎误解了编译时和运行时之间的区别。编译工作正常,因为它只处理针对 TypeScript 代码的编译。 TypeScript 不会担心任何 JS 文件,甚至 JS 文件是否存在。它只关心编译。确保 JS 文件在运行时可用是我们的工作。

话虽这么说,但在使用 SystemJS 时,您需要确保在运行时加载库 JS 文件。您在 systemjs.config.js 文件中执行此操作。对于您的特定图书馆,您应该添加

map: {
'angular2-toaster': 'npm:angular2-toaster'
},
packages: {
'angular2-toaster': {
defaultExtension: 'js'
}
}

关于Angular 2 应用程序因 XHR 错误而失败(404 未找到),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40390063/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com