Twitter bootstrap I/O自举集成

Twitter bootstrap I/O自举集成,twitter-bootstrap,angular,angular-cli,Twitter Bootstrap,Angular,Angular Cli,我不再能够通过.angular-cli.json将twitter引导应用于angular cli生成的普通angular构建。这过去工作得很好,但升级到最新版本的node、angular cli和git bash后,我再也不能这样做了 顺便说一句,我对src目录中的styles.css所做的任何更改也不会被应用。也许我忽略了什么 技术细节 操作系统:Windows 10 节点:v6.11.2 @角度/cli:1.2.7 吉特:2.13.3 引导:^3.3.7 步骤 使用git-bash 1.n

我不再能够通过.angular-cli.json将twitter引导应用于angular cli生成的普通angular构建。这过去工作得很好,但升级到最新版本的node、angular cli和git bash后,我再也不能这样做了

顺便说一句,我对src目录中的styles.css所做的任何更改也不会被应用。也许我忽略了什么

技术细节
操作系统:Windows 10
节点:v6.11.2
@角度/cli:1.2.7
吉特:2.13.3
引导:^3.3.7

步骤
使用git-bash
1.ng新abc
2.cd abc
3.npm安装--保存引导
4.编辑.angular-cli.json中的样式
“样式”:[“./node\u modules/bootstrap/dist/css/bootstrap.min.css”,“style.css”]

5.ng服务
6.导航到

角度cli消息
C语言中的警告:/Users/fisk/Documents/code/abc/~/@angular/compiler/@angular/compiler.es5.js (发出的值而不是错误实例)找不到源文件“compiler.es5.ts”:错误:无法解析“C:\Users\fisk\Documents\code\abc\node\u modules\@angular\compiler\@angular”中的“/compiler.es5.ts” @C:/Users/fisk/Documents/code/abc/~/@angular/platform-browser-dynamic/@angular/platform-browser-dynamic.es5.js 7:0-72 @C:/Users/fisk/Documents/code/abc/src/main.ts @多网页包开发服务器/客户端?http://localhost:4200 ./src/main.ts 网页包:编译时带有警告。

屏幕截图链接
未应用任何样式
请执行以下步骤: npm安装引导sass ng2引导--保存 更新angular cli json文件
“风格”:[
“style.scss”,
“./node_modules/bootstrap sass/assets/stylesheets/_bootstrap.scss ],请执行以下步骤: npm安装引导sass ng2引导--保存 更新angular cli json文件
“风格”:[
“style.scss”,
“./node_modules/bootstrap sass/assets/stylesheets/_bootstrap.scss
],

angular使用网页包。在webpack.config.js的样式部分添加css。可能有一个src/style.css文件,您也可以在其中导入它。

angular使用webpack。在webpack.config.js的样式部分添加css。可能有一个src/style.css文件,您也可以在其中导入它。

首先,感谢您的回复和建议

简而言之

  • 如果角度项目是通过cmd提示符生成的,则Styles.css和引导样式将正确导入
  • 如果angular项目是使用git bash生成的,那么Styles.css和bootstrap样式就没有任何效果,这正是我所使用的。


我能够在两台不同的机器上复制相同的症状,即Windows 10和Windows 7

首先,感谢您的回复和建议

简而言之

  • 如果角度项目是通过cmd提示符生成的,则Styles.css和引导样式将正确导入
  • 如果angular项目是使用git bash生成的,那么Styles.css和bootstrap样式就没有任何效果,这正是我所使用的。


我能够在两台不同的机器上复制相同的症状,即Windows 10和Windows 7

你的控制台有什么错误吗?我的工作正常。我不知道您遇到了什么问题没有错误,只是警告,但页面显示在端口4200上。您可能需要将@angular/cli和节点版本更新为最新版本。我已经试过了,一切都很好。我只是按照你提到的确切步骤自己安装了,而且很有效。只是说可能是angular/cli和节点版本的问题。我认为您提供的信息没有任何问题。您的控制台有任何错误吗?我的工作正常。我不知道您遇到了什么问题没有错误,只是警告,但页面显示在端口4200上。您可能需要将@angular/cli和节点版本更新为最新版本。我已经试过了,一切都很好。我只是按照你提到的确切步骤自己安装了,而且很有效。只是说可能是angular/cli和节点版本。我认为您提供的信息没有任何问题。谢谢,但运气不好,与ng2引导(ngx引导)的症状完全相同。是的,我现在可以看到它被重命名为ngxbootstrap。但这对我来说很有效。你能分享更多关于截图的细节吗?当然,在我的原始帖子中添加了一个截图链接。谢谢,但是运气不好,与ng2引导(ngx引导)的症状完全相同。是的,我现在可以看到它被重命名为ngxbootstrap。但这对我来说很有效。你能分享更多的细节比如截图吗?当然,在我的原始帖子中添加了一个截图链接。