カテゴリー
【Angular】ngx-highlightjs v4.1.0以降へマイグレするときのメモ
※ 当ページには【広告/PR】を含む場合があります。
2021/06/02
2022/08/10
[HLJS] The core library was not imported!
ライブラリローダの選択
fullLibraryLoadercoreLibraryLoadercoreLibraryLoader
import { HighlightModule, HIGHLIGHT_OPTIONS } from 'ngx-highlightjs';
@NgModule({
imports: [
HighlightModule
],
providers: [
{
provide: HIGHLIGHT_OPTIONS,
useValue: {
//👇ライブラリローダ追加
coreLibraryLoader: () => import('highlight.js/lib/core'),
languages: {
typescript: () => import('highlight.js/lib/languages/typescript'),
css: () => import('highlight.js/lib/languages/css'),
xml: () => import('highlight.js/lib/languages/xml')
}
}
}
],
})
export class AppModule { }
highlight.js/lib/core.jsv4.1.0-betaを使い回す > Angular/typescriptのバージョンはどこまで引き上げる？
(プロジェクトのスタート時)angular@^9.0.0 & typescript@~3.9.0
> angular@~10.0.0 ...OK
> angular@~10.1.0 ...OK
> typescript@~4.0.0 ...OK
> angular@~10.2.0 ...OK
> angular@~11.0.0 ...OK
> angular@~11.1.0 ...OK
> angular@~11.2.0 ...OK
> angular@~12.0.0 & typescript@~4.2.0 ...NG(ビルドエラー！)
まとめ
記事を書いた人
ナンデモ系エンジニア
主にAngularでフロントエンド開発することが多いです。 開発環境はLinuxメインで進めているので、シェルコマンドも多用しております。 コツコツとプログラミングするのが好きな人間です。
カテゴリー