according to the official parlance:
1.install
$ npm install vue-svg-icon --save-dev
my package.json
2.put your svg into src/svg/
this dir are not supported to be configured now
src folder should be in the same folder with node_modules
:
3.import vue-svg-icon in your main.js
main.js
4.use the svg icon in your vue!
:
:
:
......HOLY
is there a great god with such a problem? How did you solve it?
in main.js Vue.component ('icon', Icon) , try adding this sentence below:
Icon.inject('moreclass'); Note that the file name is the same as the file name in the src/svg directory, but the extension may not be written, and the name of name is also this moreclass
does not follow xml-loader
cnpm install xml-loader
I wonder if your problem has been solved? I wish I had created a new svg folder under the src folder. It is the level juxtaposed with components and router (too lazy to type and write the file structure.)
I previously imported this package in main.js, the compilation reported an error, and there is no error prompt, just miraculously normal, the steps are as follows:
1 create a new svg directory in the / src sibling directory and put the icon file inside.
2 Import libraries in main.js:
import Icon from "vue-svg-icon/Icon.vue";
// Vue.useVue.config.productionTip
Vue.component("icon", Icon);
Vue.use(ElementUI);
Vue.config.productionTip = false;3 and then use it normally in vue
<icon name="github"></icon>Previous: How to get the keyboard height in weex?
Next: After springBoot changes the checked entities, will set change the database?
the specific error message is shown in the following figure. What is wrong with this? How to solve it? ...
* * set up a vue project according to a tutorial when npm install stops here for a long time, it doesn t move * * **vue-demonode_modules800120M,17000 vue** then the node.exe process accounts for 25% CPU, my computer CPU4 core, the process can not...
after testing, under the premise that vue-cli has been installed, vue-cli can be initialized but npm install cannot be installed after vue init webpack execution this error will also be reported if vue-cli, is not installed and vue-cli is installed ...
when using vue-cli+webpack to build a project, use npm run dev to run, but before the computer will only display the current information in the command prompt, the previous compiled information will be hidden, and the new computer will show new and old....
my index.html, in the react project introduces through cdn. : : {}react: : so I want to install MathJax, through npm but don t know how to use it. Has any god ever used this thing? Ask for detailed instructions on how to use it! Thank you so mu...
after downloading node-notifier, execute, npm run dev and report an error Callback was already called,. Has anyone ever encountered such a problem? solve ~ ....
weex create demo-weex ? Project name demo-weex ? Project description (A weex project) enter enter is used by default when entering name, then it just jumps out, and the cursor does not move to description as shown in figure: ...
< H2 > configuration is as follows: < H2 > webpack.base.config.js const path = require( path ); const os = require( os ); const webpack = require( webpack ); const ExtractTextPlugin = require( extract-text-webpack-plugin ); const HappyPack = ...
npm WARN ajv-keywords@3.2.0 requires a peer of ajv@ ^ 6.0.0 but none is installed. You must install peer dependencies yourself. Npm WARN The package @ nuxtjs axios is included as both a dev and production dependency. Npm WARN The package @ nuxtjs pro...
develop vue plug-ins to report errors recently, there is a requirement that I want to encapsulate a set of components for internal use. General components are developed professionally through secondary encapsulation of iView. after I built the environ...
for example, my project is wamp64 www blog under d disk. Should I change to this directory when I install npm and then install it? how can I make a mistake when I execute npm run dev after executing the following sentence? I wanted to create a vue p...
the basic requirement point is to add a new piece of code to execute the command. Pass it backstage. Then I get the data to display a list, which has the function of modifying. When you take this piece of data and render it to the vue2-ace-editor compon...
I installed a plug-in through the npm package. The plug-in relies on jquery, so will jquery be loaded into my project when I finally package it through webpack? ...
download the package through cnpm I and start the project normally for the first time. An error will be reported if the correction is changed and the startup is changed. indicates that the package is missing, as shown in the figure. I can understand th...
after npm install after cloning the project, the prompt as shown in the title appears and 52 vulnerabilities appear After the problem occurred, I did not take any action to continue to run npm run dev , and the project was running normally without ...
vue data, properties, event binding, these can be regarded as "stand-alone " functions, is the component function "stand-alone "? Is the vue routing for the switching component function "stand-alone "? Is npm run dev a necessary condition for the s...
was right before. After pulling the file from git again, npm install and son npm run dev reported this error. I don t know what s going on. ...
vue-cli is installed globally, but I will report an error as long as I add another package. aren t both vue add and npm install available ...
I made a simple pop-up component used by the project as a plug-in and submitted it to npm. but after I installed it, I found that the path reference to the image resource was incorrect, and I couldn t find the picture for the plug-in. check the code ...
vue uses plug-ins to import directly without npm ...