3

Electron アプリには Electron Forge を使用しています。React と TypeScript も使用しており、SASS も使用したいと考えていますが、現在の試みは失敗しています。どうやら SASS はpackage.json、 に新しい依存関係を追加することなく、すでに動作しelectron-compileているようです。それは、electronforge.ioのDevelopの下に書かれていることです。

style.scss最初の TypeScript class 内にインポートとしてを追加しようとしましたapp.tsxが、このコンパイルを追加した後はもう機能しません:

import "./style/style.scss";

以下につながります:

[24717:0221/194746.779571:ERROR:CONSOLE(7830)] "Extension server error: Object not found: <top>", source: chrome-devtools://devtools/bundled/shell.js (7830)

の要素に要素を入れようとしましたが、これもうまくlinkいきません。コンパイルは機能しますが、CSS の作業は行われません:headindex.html

<link rel="stylesheet" href="style/style.scss">

も試しました:

<link rel="stylesheet" type="text/css" href="style/style.scss">

と:

<link rel="stylesheet" type="text/scss" href="style/style.scss">

と:

<link rel="stylesheet" type="text/sass" href="style/style.scss">

「style.scss」ファイル:

body {
    background-color: #ff0000;
    color: #0000ff;
}

しかし、どれも機能しません。Electron Forge 内で SASS ファイルを利用するにはどうすればよいですか?

4

2 に答える 2