任何人试图提出申请
dotnet new --install Microsoft.AspNetCore.SpaTemplates::*
dotnet new angular
?就像这个例子一样https://blogs.msdn.microsoft.com/webdev/2017/02/14/building-single-page-applications-on-asp-net-core-with-javascriptservices/ https://blogs.msdn.microsoft.com/webdev/2017/02/14/building-single-page-applications-on-asp-net-core-with-javascriptservices/
此命令使用 bootstrap 3 创建 Angular + .net core 项目。
我正在尝试使用 bootstrap 4 来代替。
我尝试将 bootstrap 4 css 放在vendor.css(bootstrap 3 所在的位置)上,但没有成功。
有谁知道如何将 bootstrap 4 放在 bootstrap 3 上?最终使用 javascript 插件 jquery 和 popper。
这将非常有帮助,谢谢!
为了清楚起见,这对我有用。
- 在 Visual Studio 中打开 Angular SPA 解决方案
- Open
package.json
并将引导程序条目更新为"bootstrap": "4.0.0"
,或您需要的任何版本
- 在 Visual Studio 中关闭解决方案
- 打开项目文件夹并删除
node_modules
folder
- 打开项目文件夹的命令提示符
- Run
npm install popper.js --save
在命令提示符下
- Run
npm install
在命令提示符下
- Run
webpack --config webpack.config.vendor.js
在命令提示符下
- 在 Visual Studio 中打开解决方案
- 构建解决方案,之后您应该完全升级
一些注意事项:
- 这需要你全局安装node/npm和webpack(我认为!)
- 有几次我在命令提示符中看到 npm/webpack 的错误。发生这种情况时,我只是重新运行失败的命令,并在成功后继续。
- 如果您使用源代码管理,您会注意到
npm-shrinkwrap.json
已被大量修改。我相信这与 npm 的升级版本有关,但我不是专家。这是有关该主题的一些进一步阅读npm-shrinkwrap.json 和 package-lock.json 有什么区别? https://stackoverflow.com/questions/44258235/what-is-the-difference-between-npm-shrinkwrap-json-and-package-lock-json
我还在 GitHub 上整理了模板的工作示例(此处)https://github.com/alterius/AngularSPABootstrap4 https://github.com/alterius/AngularSPABootstrap4
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)