将Electron与Reactstrap一起使用会导致错误:未捕获的SyntaxError:意外的令牌:

时间:2018-10-28 04:14:06

标签: javascript reactjs twitter-bootstrap electron reactstrap

通过先安装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应用程序中正常工作?

1 个答案:

答案 0 :(得分:0)

基本的电子设置不理解 CSS,因此无法加载 CSS 文件。

相反,您可以将以下行添加到 <head> 文件的 .index.html 部分:

<link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" />

电子应用程序(一个特殊的 Chromium 网络浏览器实例)将加载 CSS。