angular2 ng2-bs3-modal无法使用脚本标记加载
我有一个Angular 2应用程序，可以正常工作，我想向它添加modals，所以我执行了安装说明，就像Doug在这里说的那样： 说明中说使用index.html页面中的script标记 加载库或使用系统加载程序。因为所有其他模块都是通过脚本标签加载的，所以我也为这个模块加载了脚本标签 在我的组件内部，导入在VSCode中似乎可以识别，因为它显示了ng2-bs3-modal具有的各种项目，并且在编辑模式中没有显示任何错误 但是，当我尝试运行应用程序时，它没有运行，开发人员工具显示它正在尝试对/ng2-bs3-modal/ng2-bs3-modal进行http调用。所有导入的模块都包含在node_modules文件夹中，因此我不确定为什么1）此http调用是从组件进行的，以及2）为什么它将从根文件夹而不是node_modules文件夹进行查看 在页面加载时，开发工具控制台日志中显示的错误为：angular2 ng2-bs3-modal无法使用脚本标记加载,angular,modal-dialog,ng2-bootstrap,Angular,Modal Dialog,Ng2 Bootstrap,我有一个Angular 2应用程序，可以正常工作，我想向它添加modals，所以我执行了安装说明，就像Doug在这里说的那样： 说明中说使用index.html页面中的script标记 加载库或使用系统加载程序。因为所有其他模块都是通过脚本标签加载的，所以我也为这个模块加载了脚本标签 在我的组件内部，导入在VSCode中似乎可以识别，因为它显示了ng2-bs3-modal具有的各种项目，并且在编辑模式中没有显示任何错误 但是，当我尝试运行应用程序时，它没有运行，开发人员工具显示它正在尝试对/ng
GET http://localhost:3000/ng2-bs3-modal/ng2-bs3-modal 404 (Not Found) angular2/polyfills.js
Error: XHR error (404 Not Found) loading http://localhost:3000/ng2-bs3-modal/ng2-bs3-modal(…) angular2/polyfills.js
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<base href="/">
<script data-require="jquery@*" data-semver="2.2.0" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script data-require="bootstrap@*" data-semver="3.3.6" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"> </script>
<script src="node_modules/es6-shim/es6-shim.min.js"></script>
<script src="node_modules/systemjs/dist/system-polyfills.js"></script>
<script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js">
</script>
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
<script src="node_modules/angular2/bundles/http.dev.js"></script>
<script src="node_modules/angular2/bundles/router.dev.js"></script>
<script src="public/js/bundle.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/local.css" rel="stylesheet">
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('main')
.then(null, console.error.bind(console));
</script>
<script src="node_modules/ng2-bs3-modal/bundles/ng2-bs3-modal.js"></script>
</head>
<base href="/">
<body>
<app>Loading...</app>
</body>
</html>
所有的演示和示例都有index.html文件，其中js文件通过system.config加载，因此我想知道这是否曾在使用说明中提到的脚本标记加载时进行过测试。我会在包含system.config和system.import的脚本块之前移动ng2-bs3-modal.js文件的脚本元素：
<script src="node_modules/angular2/bundles/router.dev.js"></script>
<script src="public/js/bundle.js"></script>
<script src="node_modules/ng2-bs3-modal/bundles/ng2-bs3-modal.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/local.css" rel="stylesheet">
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('main')
.then(null, console.error.bind(console));
</script>
System.config({
包：{
应用程序：{
格式：'寄存器'，
defaultExtension:'js'
}
}
});
System.import（'main'）
.then（null，console.error.bind（console））；
<script src="node_modules/angular2/bundles/router.dev.js"></script>
<script src="public/js/bundle.js"></script>
<script src="node_modules/ng2-bs3-modal/bundles/ng2-bs3-modal.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/local.css" rel="stylesheet">
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('main')
.then(null, console.error.bind(console));
</script>
System.config({
包：{
应用程序：{
格式：'寄存器'，
defaultExtension:'js'
}
}
});
System.import（'main'）
.then（null，console.error.bind（console））；