サブフォルダからアプリケーションを解決する方法

2674 ワード

javascript solidjs テキストリンク

この記事では、どのようにサブディレクトリからSolidJSアプリケーションを作成する方法を示します.例えば、Githubページに展開します.

コード

まず、the documentation以降のコードを生成します.

$ npx degit solidjs/templates/js solid-subfolder
npx: installed 1 in 0.785s
> cloned solidjs/templates#HEAD to solid-subfolder

npm installでインストールし、npm run buildでビルドした後、サブディレクトリからアクセスすると出力が失敗します.だから、私の場合はhttp://localhost/github/solid-subfolder/dist/にアクセスしてみます.

ご覧のように、既定ではindex.htmlは、ドメインルートから資産をロードしようとします.例えば、http://localhost/assets/index.1b7ca044.jsを読み込みます.

VITEはHTML側のベースインポートを制御します.the documentationに示されているように、デフォルト値は/です.vite.config.jsで変更できます.

 export default defineConfig({
   plugins: [solidPlugin()],
+  base: "./",
   build: {
     target: "esnext",
     polyfillDynamicImport: false,

この変更は、アプリケーションが期待通りに動作します.

ここでは、repo＆working appを見つけることができます

この記事では、サブフォルダに展開するときにSolidJSアプリの作業を行う方法を見てきました.

この問題について(サブフォルダからアプリケーションを解決する方法), 我々は、より多くの情報をここで見つけました https://dev.to/marcinwosinek/how-to-make-solidjs-application-work-from-a-subfolder-4na6

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol