通过先安装npm软件包尝试在Electron boilerplate app中使用reactstrap
软件包时
npm install --save reactstrap react react-dom
npm install bootstrap --save
然后将Bootstrap CSS导入/app/renderer/app.js
import 'bootstrap/dist/css/bootstrap.min.css';
我们在JS控制台中收到错误消息
未捕获的SyntaxError:意外令牌:
删除import
引导CSS语句可消除该错误,但该应用最终没有Bootstrap CSS样式。
问题:我们如何让reactstrap
在Electron应用程序中正常工作?
答案 0 :(得分:0)
基本的电子设置不理解 CSS,因此无法加载 CSS 文件。
相反,您可以将以下行添加到 <head>
文件的 .index.html
部分:
<link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" />
电子应用程序(一个特殊的 Chromium 网络浏览器实例)将加载 CSS。