m6v3l9 / astro-theme-stone Goto Github PK

Development environment
MacBookAirM1 & Cursor

GitHub
https://github.com/terisuke/corsweb

When I linked up with Firebase and used npm run build to deploy with Hosting, the following error occurred and I was unable to build.

Property 'isDark' does not exist on type '{}'.

What I tried

Create types folder and types.d.ts and use global scope to define dark mode using $store property

types/types.d.ts // Alpine.jsを起動するためのメソッド start: () => void; } // Alpineインターフェースのインスタンスを作成します。 const alpine: Alpine; // alpineインスタンスをエクスポートします。 export = alpine; } declare global { // Windowインターフェースを拡張します。これにより、Alpine.jsの機能をグローバルスコープで使用できます。 interface Window { // Alpine.jsの型をインポートして、WindowオブジェクトにAlpineプロパティを追加します。 Alpine: typeof import('alpinejs').Alpine; } // Alpineインターフェースを拡張します。これにより、Alpine.jsのストア機能を使用できます。 interface Alpine { // $storeプロパティを追加します。これはAlpine.jsの状態管理機能を提供します。 $store: { // themeオブジェクトを追加します。これはテーマ関連の状態を管理します。 theme: { // isDarkプロパティはダークモードが有効かどうかを示します。 isDark: boolean; // toggleメソッドはダークモードを切り替えるための機能を提供します。 toggle: () => void; }; }; } }

Reviewed tsconfig.json and rewrote the contents to reflect the types file.

tsconfig.json { "extends": "astro/tsconfigs/strict", "compilerOptions": { "typeRoots": ["./node_modules/@types", "./types", "./src"], "types": ["types"] } }
Result

The following error occurs in Layout.astro and it cannot be built.

Property 'isDark' does not exist on type '{}'. 63 toggle() { 64 this.isDark = !this.isDark; ~~~~~~ 65 localStorage.setItem('theme', this.isDark ? 'dark' : 'light');
Has anyone had a similar error? Does anyone know the solution to this error?

When trying to run the project, the following error occured for me:

...
Error:
Something went wrong installing the "sharp" module

Cannot find module '../build/Release/sharp-darwin-x64.node'
...

The solution was to install vips via brew, to delete the node_modules directory and to rerun npm install.

could you make blog?

post collections

Love the work you have done on the theme however I have noticed a few potential accessibility improvements and wondered if you are open to me creating a pull request with some suggestions?

https://github.com/fontsource/fontsource

I'm having some difficulty upgrading to the latest astro (eg., 3.5), is it possible to update the template to a version that works with 3.x? Although I did get it working the styles are out of sync.