Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

themeの設定により「テーマの準備に失敗しました」エラーになる #202

Open
MurakamiShinyu opened this issue Jun 30, 2022 · 0 comments

Comments

@MurakamiShinyu
Copy link
Member

vivliostyle.config.js の theme: の設定により、「テーマの準備に失敗しました: … Unexpected token < in JSON at position 0」のエラーになり、プレビューにスタイルが適用されません。

以下の場合です:

  • CSSファイルへのパスの指定が ./ ではじまる場合
    • 例: theme: './theme/theme_screen.css'
  • CSSファイルへのパスの指定が / ではじまる場合
    • 例: theme: '/theme/theme_screen.css'
  • テーマパッケージ名が指定された場合
    • 公式テーマパッケージ指定の例: theme: '@vivliostyle/theme-techbook'
    • 非公式テーマパッケージ指定の例: theme: 'vivliostyle-akashi-kosen-bulletin'

また、カスタムテーマの(CSSファイルパスではなく)ディレクトリを指定した場合、エラーは起きないにもかかわらず、プレビューにスタイルが適用されません。

テストしたサンプルと結果について

テストしたレポジトリ: https://github.com/MurakamiShinyu/tbf11-draft
https://github.com/spring-raining/tbf11-draft をテスト用にforkしたもの)

元の theme: 'theme/theme_screen.css' の場合:問題なし

正常。次のメッセージが出る:

テーマを変更しました: vivliostyle-custom-theme /vpubfs/theme/theme_screen.css

PDFビルドもOK。

theme: './theme/theme_screen.css' (CSSファイルへのパスの指定が ./ ではじまる)

テストしたブランチ: https://github.com/MurakamiShinyu/tbf11-draft/tree/vs-pub-test1

エラー:

テーマの準備に失敗しました: ./theme/theme_screen.css Unexpected token < in JSON at position 0

スクリーンショット
Screen Shot 2022-06-30 at 18 18 43

PDFビルドはOK。
ただし、「テーマの準備に失敗しました」エラーが起きたあと、PDFビルドを実行すると、現在のブランチではなくデフォルトブランチでPDFビルドが行われる問題があることが分かったため、PDFビルドのテストはリポジトリのデフォルトブランチをテストするブランチに変更したうえで行った。以下のテストも同じ。

theme: '/theme/theme_screen.css' (CSSファイルへのパスの指定が / ではじまる)

テストしたブランチ: https://github.com/MurakamiShinyu/tbf11-draft/tree/vs-pub-test4

エラー:

テーマの準備に失敗しました: /theme/theme_screen.css Unexpected token < in JSON at position 0

PDFビルドは成功するが、このテーマの適用はされない。
リポジトリのルートがPDFビルドの環境でのファイルシステムのルートディレクトリではないので、これは当然といえるかも。

theme: '@vivliostyle/theme-techbook'(公式テーマパッケージ指定)

テストしたブランチ: https://github.com/MurakamiShinyu/tbf11-draft/tree/vs-pub-test3

エラー:

テーマの準備に失敗しました: @vivliostyle/theme-techbook Unexpected token < in JSON at position 0

PDFビルドは成功するが、このテーマの適用はされない。

theme: 'vivliostyle-akashi-kosen-bulletin'(非公式テーマパッケージ指定)

テストしたブランチ: https://github.com/MurakamiShinyu/tbf11-draft/tree/vs-pub-test2

エラー:

テーマの準備に失敗しました: vivliostyle-akashi-kosen-bulletin Unexpected token < in JSON at position 0

PDFビルドは成功するが、このテーマの適用はされない

theme: 'theme' (カスタムテーマのディレクトリを指定)

テストしたブランチ: https://github.com/MurakamiShinyu/tbf11-draft/tree/vs-pub-test2

エラーメッセージは出ない。次のメッセージが出る:

テーマを変更しました: vivliostyle-custom-theme

カスタムテーマのCSSファイルのパスを指定した場合には、
「テーマを変更しました: vivliostyle-custom-theme /vpubfs/theme/theme_screen.css」
のように /vpubfs/ ではじまるパスが表示されるのだが、それが出ない。

ファイルリストからMD原稿を選択して、プレビューを確認したが、テーマのスタイルシートの適用はされていない。

スクリーンショット
Screen Shot 2022-06-30 at 18 17 12

PDFビルドはOK。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant