本文介绍了如何在服务器端渲染中使用带有angular4的ngx-bootstrap的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我已经安装了ngx-bootstrap并使用angular-cli 1.0.1，并借助 Roberto Auler的帖子.
i have installed ngx-bootstrap and using angular-cli 1.0.1 and done universal setup with the help of Roberto Auler's Post.
我以angular-cli.json样式添加了引导文件的路径
I have added path of bootstrap file in angular-cli.json styles
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
我正在使用AlertModule进行测试及其抛出错误
I am using AlertModule for testing and its throwing error
C:\Users\Praveen\Desktop\Projects\Angular2\universaltest\node_modules\ngx-bootstrap\alert\alert.module.js:1
(function (exports, require, module, __filename, __dirname) { import { CommonModule } from '@angular/common';
^^^^^^
SyntaxError: Unexpected token import
at createScript (vm.js:53:10)
at Object.runInThisContext (vm.js:95:10)
at Module._compile (module.js:543:28)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
at tryModuleLoad (module.js:447:12)
at Function.Module._load (module.js:439:3)
at Module.require (module.js:498:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (C:\Users\Praveen\Desktop\Projects\Angular2\universaltest\dist\ngfactory\src\app\app.server.module.ngfact
ory.ts:17:1)
at Module._compile (module.js:571:32)
at Module.m._compile (C:\Users\Praveen\Desktop\Projects\Angular2\universaltest\node_modules\ts-node\src\index.ts:406:23)
at Module._extensions..js (module.js:580:10)
at Object.require.extensions.(anonymous function) [as .ts] (C:\Users\Praveen\Desktop\Projects\Angular2\universaltest\node_modul
es\ts-node\src\index.ts:409:12)
at Module.load (module.js:488:32)
任何输入将不胜感激.
推荐答案
我向您发送了一个请求请求，ts-node不会在node_modules中像ngx-bootstrap这样的es2015模块进行编译，这就是为什么我使用webpack来编译代码.
I sent you a pull request, ts-node does not transpiles the es2015 modules like ngx-bootstrap in node_modules, that's why I used webpack to transpile the code.
这篇关于如何在服务器端渲染中使用带有angular4的ngx-bootstrap的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！