ファイルがローカルにあるときに Less.js が Chrome で動作しないのはなぜですか?

Chrome でのless.js の互換性問題のトラブルシューティング

less.js は Firefox でシームレスに機能する可能性がありますが、ユーザーはそれを動作させるのが難しいと報告しています。クロムで。この問題に対処するために、提供されたコードを調べて、誤動作の潜在的な原因について話し合いましょう。

提供されたコードは有効な構文を持っているようで、less.js スクリプトへの参照と、less に関連するスタイル ルールが含まれています。ただし、考慮すべき重要な問題があります:

• ローカル ファイルに対する Chrome の制限:less.js の公式ドキュメントによると、Chrome には既知の問題があります。 Web ページへのパスが「file:///」で始まる場合 (つまり、ローカル ファイルである場合)、ブラウザ スクリプトは機能しません。 file).

この制限は、リモート スクリプトがローカル ファイルにアクセスできないようにする Chrome のセキュリティ制限によって発生します。したがって、ローカル HTML ファイルでless.js を使用しようとすると、機能しない可能性があります。

この問題を解決するには、次の解決策を検討してください:

• ファイルをホストする: ファイルを Web サーバーにアップロードし、ロードする代わりに URL 経由でアクセスします。
• 開発サーバーをインストールします: 開発サーバー (WAMP、MAMP、または XAMPP など) をインストールして、ローカルホスト上でファイルをホストし、「localhost」経由でアクセスします。
• CSS プリプロセッサを使用する: Webpack や Gulp などのフロントエンド ビルド ツールの使用を検討してください。 LESS ファイルを通常の CSS に前処理できます。

この問題に対処し、Chrome の制限を満たす方法でファイルにアクセスできるようにすることで、ブラウザでless.js の機能を復元できます。

以上がファイルがローカルにあるときに Less.js が Chrome で動作しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。