[Prism.js] tokenizePlaceholders of undefinedエラー対処方法

1 min read

概要

Prism.jsを 1.13.0 から 1.14.0 へバージョンアップした際に下記のようなエラーが発生した。

Uncaught (in promise) TypeError: Cannot read property 'tokenizePlaceholders' of undefined

解決方法

これまでは下記のように言語ファイルを import していた。

import "prismjs/components/prism-markup";
import "prismjs/components/prism-css";
import "prismjs/components/prism-clike";
import "prismjs/components/prism-javascript";

TypeError: Cannot read property 'tokenizePlaceholders' of undefined · Issue #1400 · PrismJS/prism · GitHubを参考にloadLanguages経由で下記のように読み込むよう修正した。

import loadLanguages from "prismjs/components/index";

loadLanguages(["markup", "css", "clike", "javascript"]);

このページをシェアする

関連タグ

関連記事

[CSS] 究極のIE対策

条件付きコメント / メディアクエリを利用して IE10〜IE11 に対応する

Deprecated になった jQuery API を静的に検出する方法

モチベーション / eslint-plugin-no-jquery を導入する / 実行する

Boolean型の変数に適した命名規則

背景 / プレフィックス / どのような条件なのか分かりやすくする / 否定形を避ける / 同じ意味の単語を避ける / プロジェクトの命名規則やコーディング規約に従う / Linter で矯正する

CSS in JSとは何か

想定読者 / そもそも JS フレームワーク(React、Vue.js)を採用する理由とは何か / 「命令的 UI」 と 「宣言的 UI」 / 「命令的 UI」 VS 「宣言的 UI」 / CSS in JS とは / CSS in JS ライブラリ / Emotion の使い方 / 利用するメリット / 利用するデメ