vueのlayuiのエラー報告問題を解決する方法-Vue.js-php.cn

vueのlayuiのエラー報告問題を解決する方法

藏色散人

リリース： 2023-01-13 00:45:06

オリジナル

2663 人が閲覧しました

vue でのlayui エラーの解決策: まず、layui ファイルを静的ファイルの下に配置し、次に、vue で通常どおりにlayui を使用できるように、link タグと script タグを使用して HTML ファイルにlayui を導入します。

vueのlayuiのエラー報告問題を解決する方法

このチュートリアルの動作環境: Windows7 システム、vue バージョン 2.0、DELL G3 コンピューター。

[関連記事の推奨: vue.js]

vue プロジェクトで npm を使用してlayuiをインストールおよび導入するとエラーが発生します

公式 Web サイトでは、npm インストールがサポートされていると述べていることがわかりますが、インストールに成功したとき、main.js に導入したときに、モジュールをインストールできないというエラーが報告されました。見つかった。

#したがって、最初にファイルパッケージをダウンロードし、次にリンクタグとスクリプトタグを使用してそれを HTML ファイルに導入します

ダウンロードしたファイルパッケージは静的ファイルに配置する必要があります

I ダウンロードしたフォルダーを HTML ファイルと同じディレクトリ、src ディレクトリ、またはassets ディレクトリに配置しようとしましたが、layui が定義されていないというエラーが報告されました。姿勢 :

layui オブジェクトをどのコンポーネントでも使用できるように、静的ファイルの下にファイルを配置し、html ファイルの下に導入して、layui を正しく使用できるようにします。 UI コンポーネント

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>pm</title>
    <link type="text/css" rel="stylesheet" href="./static/layui/css/layui.css"/>
    <script type="text/javascript" src="./static/layui/layui.js"></script>
    <style type="text/css">
    body,html{
    margin:0;
    padding:1;
    }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

ログイン後にコピー

以上がvueのlayuiのエラー報告問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。