1

マテリアル デザイン アイコンを使用しようとしていますが、代わりに正方形がレンダリングされます。コンソールで、vueがアイコンのフォントを見つけられないことがわかりました。これが問題だと思います。

エラー:

GET http://localhost:8080/fonts/vendor/material-design-icons-icondist/MaterialIcons-Regular.woff2?fa3334fe030aed8470dd560acd2df136 net::ERR_ABORTED 404 (NOT FOUND)
GET http://localhost:8080/fonts/vendor/@mdi/materialdesignicons-webfont.woff2?9d0c9ec40cc136f00be859c4e9bb9e6c net::ERR_ABORTED 404 (NOT FOUND)
GET http://localhost:8080/fonts/vendor/material-design-icons-icondist/MaterialIcons-Regular.woff?1811d381e9d3e83343943bb574f8f2e1 net::ERR_ABORTED 404 (NOT FOUND)
GET http://localhost:8080/fonts/vendor/material-design-icons-icondist/MaterialIcons-Regular.ttf?45c4a4612e18a3255f512feacd025fa9 net::ERR_ABORTED 404 (NOT FOUND)
GET http://localhost:8080/fonts/vendor/@mdi/materialdesignicons-webfont.woff?ca644a1ac382257f441ed2bc75180172 net::ERR_ABORTED 404 (NOT FOUND)
GET http://localhost:8080/fonts/vendor/@mdi/materialdesignicons-webfont.ttf?aa2aa53968801d79964332fddd975474 net::ERR_ABORTED 404 (NOT FOUND)

フォントと css ローダーも使用しています。

module:{
        rules:[
            {
                test: /\.(woff|woff2|otf|eot|ttf|svg)(\?.*$|$)/,
                loader: 'url-loader?importLoaders=1&limit=100000'
            },
            {
                test: /\.css$/,
                use: [
                  'vue-style-loader',
                  {
                    loader: 'css-loader',
                    options: {
                      // enable CSS Modules
                      modules: {
                        // customize generated class names
                        localIdentName: '[local]_[hash:base64:8]'
                      }
                    }
                  }
                ]
              },
        ]
    }

誰かが何が起こっているのか知っていますか？

4

0 に答える 0