导入节点模块时出现 XHR 错误 404 - Angular-2
XHR error 404 while importing node module - Angular-2
我的目录结构为:
dir
|--app.component.ts
node_modules
|--angular2-bootstrap-switch
我按照 https://www.npmjs.com/package/angular2-bootstrap-switch 添加 angular2-boostrap 开关,按照说明,我必须这样做,但我不确定如何做。
index.html:
<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/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>
<!-- 2. Configure SystemJS -->
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('app/boot')
.then(null, console.error.bind(console));
</script>
</head>
<!-- 3. Display the application -->
<body>
<my-app>Loading...</my-app>
</body>
里面boot.ts
import {bootstrap} from 'angular2/platform/browser'
import {AppComponent} from './app.component'
bootstrap(AppComponent);
输入tsconfig.json
"exclude": [
"node_modules",
"typings/main",
"typings/main.d.ts"
]
现在我必须在 app.component.ts 中导入 ../node_modules/angular2_bootstrap_switch/components,例如:
import {SwitchComponent} from angular2_bootstrap_switch/components
我不知道怎么做。请帮忙。
使用这个很简单
安装 node_module
npm i angular2-bootstrap-switch
在你的系统Js中添加配置为,
'angular2-bootstrap-switch':'npm:angular2-bootstrap-switch/lib/switch.component.js'
在您的应用程序模块中,将开关组件导入为
import {SwitchComponent} from 'angular2-bootstrap-switch'
将其添加到如下声明中,
declarations: [ SwitchComponent ],
在您的 HTML 中使用它作为
<switch [status]="value" [onText]="onText" [offText]="offText"
[onColor]="onColor" [offColor]="offColor" [size]="size">
</switch>
我的目录结构为:
dir
|--app.component.ts
node_modules
|--angular2-bootstrap-switch
我按照 https://www.npmjs.com/package/angular2-bootstrap-switch 添加 angular2-boostrap 开关,按照说明,我必须这样做,但我不确定如何做。
index.html:
<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/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>
<!-- 2. Configure SystemJS -->
<script>
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
}
}
});
System.import('app/boot')
.then(null, console.error.bind(console));
</script>
</head>
<!-- 3. Display the application -->
<body>
<my-app>Loading...</my-app>
</body>
里面boot.ts
import {bootstrap} from 'angular2/platform/browser'
import {AppComponent} from './app.component'
bootstrap(AppComponent);
输入tsconfig.json
"exclude": [
"node_modules",
"typings/main",
"typings/main.d.ts"
]
现在我必须在 app.component.ts 中导入 ../node_modules/angular2_bootstrap_switch/components,例如:
import {SwitchComponent} from angular2_bootstrap_switch/components
我不知道怎么做。请帮忙。
使用这个很简单
安装 node_module
npm i angular2-bootstrap-switch
在你的系统Js中添加配置为,
'angular2-bootstrap-switch':'npm:angular2-bootstrap-switch/lib/switch.component.js'
在您的应用程序模块中,将开关组件导入为
import {SwitchComponent} from 'angular2-bootstrap-switch'
将其添加到如下声明中,
declarations: [ SwitchComponent ],
在您的 HTML 中使用它作为
<switch [status]="value" [onText]="onText" [offText]="offText" [onColor]="onColor" [offColor]="offColor" [size]="size"> </switch>