Vuesax: Failed to compile. Module parse failed: Unexpected character '' (1:0)

Created on 20 Jun 2018 · 5Comments · Source: lusaxweb/vuesax

Hola

Failed to compile.

./node_modules/vuesax/dist/fonts/MaterialIcons-Regular.a37b0c01.ttf
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)
 @ ./node_modules/css-loader!./node_modules/vuesax/dist/vuesax.css 7:443-496
 @ ./node_modules/vuesax/dist/vuesax.css
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

Repo: https://github.com/IsraelDCastro/Landing

Instalé Vuesax ayer y al correr npm run dev y finalizar la carga de la página tengo este error, pero no encontré una solución, intenté hacer lo que me dice pero tampoco funcionó, alguien podría decirme como solucionarlo,

Muchas gracias por su ayuda

bug help wanted

Source

IsraelDCastro

Most helpful comment

Edit the webpack.config.js file to add loader for font files,something like follow:

module.exports = {
    module: {
        rules: [
           {
               test: /\.(woff2?|eot|ttf|otf)$/,
               loader: 'file-loader',
               options: {
                   limit: 10000,
                   name: '[name].[hash:7].[ext]'
               }
            }
        ]
    }
}

zhang-quan-yi on 21 Jun 2018

👍8 🚀1

All 5 comments

I'm going to check apparently it's with the icon library but I have to verify thank you very much for the contribution

luisDanielRoviraContreras on 20 Jun 2018

Edit the webpack.config.js file to add loader for font files,something like follow:

module.exports = {
    module: {
        rules: [
           {
               test: /\.(woff2?|eot|ttf|otf)$/,
               loader: 'file-loader',
               options: {
                   limit: 10000,
                   name: '[name].[hash:7].[ext]'
               }
            }
        ]
    }
}

zhang-quan-yi on 21 Jun 2018

👍8 🚀1

Due to problems when compiling the projects Vuesax now has the icons independently if you are going to use icons in the project please install or import the library of material icons thank you very much to all, it will improve in this aspect to be able to use the icon libraries of your liking

luisDanielRoviraContreras on 21 Jun 2018

The suggestion that @zhang-quan-yi gave me it works very well, thank you so much

IsraelDCastro on 21 Jun 2018

👍1

@zhang-quan-yi thanks