Vue installation element component error - Codes Helper - Programming Question Answer

Vue installation element component error

use the element installed by cnpm I element-ui s to install the

introduced in the portal file.

import ElementUI from "element-ui"
import "element-ui/lib/theme-default/index.css"

but misreported

This dependency was not found:

* element-ui/lib/theme-default/index.css in ./src/main.js

To install it, you can run: npm install --save element-ui/lib/theme-default/inde
x.css

then I executed `cnpm install-- save element-ui/lib/theme-default/inde
x.css` according to the prompt given by it, but reported it incorrectly. What happened?

F:\VUE\blog>cnpm install --save element-ui/lib/theme-default/index.css
 Install fail! Error: [@element-ui/lib/theme-default/index.css] resolved targe
t F:\VUE\blog\element-ui\lib\theme-default\index.css error: ENOENT: no such file
 or directory, lstat "F:\VUE\blog\element-ui"
Error: [@element-ui/lib/theme-default/index.css] resolved target F:\VUE\blog\ele
ment-ui\lib\theme-default\index.css error: ENOENT: no such file or directory, ls
tat "F:\VUE\blog\element-ui"
    at module.exports (C:\Users\aaa\AppData\Roaming\npm\node_modules\cnpm\node_m
odules\npminstall\lib\download\local.js:30:11)
    at module.exports.throw (<anonymous>)
    at onRejected (C:\Users\aaa\AppData\Roaming\npm\node_modules\cnpm\node_modul
es\co\index.js:81:24)
    at <anonymous>
npminstall version: 3.12.0
npminstall args: C:\Program Files\nodejs\node.exe C:\Users\aaa\AppData\Roaming\n
pm\node_modules\cnpm\node_modules\npminstall\bin\install.js --fix-bug-versions -
-china --userconfig=C:\Users\aaa\.cnpmrc --disturl=https://npm.taobao.org/mirror
s/node --registry=https://registry.npm.taobao.org --save element-ui/lib/theme-de
fault/index.css

Sep.03,2021

its style file does not need to be installed by npm. It should be the wrong path for the introduction of import 'element-ui/lib/theme-default/index.css'. Please check it again.

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '-sharpapp',
  render: h => h(App)
});

in the official document , css is in theme-chalk . Under the dependencies you need to install, it is in that directory

.

to find the template element-ui in node_moudules, look at the path of the actual index.css

Previous: Why does this program go wrong?

Next: How to set the color of css select drop-down frame?

Vue introduces multiple components in vue-router by nesting named views, and does not refresh the same reference in other pages.
in router.js, because the breadcrumb component is used in multiple pages, the breadcrumb component is referenced by nested named views: { path: Manage , name: , component: function(res) { require([ .. components common layo...

Vue-router vue.js

Feb.26,2021
Wechat H5 sharing discovery icon and description invalidation
wrote an H5 page. According to the official description of Wechat jssdk, it is found that the shared icons and descriptions are invalid. the code is like this ....

Wechat-public-platform Wechat-js-sdk vue.js html5

Feb.26,2021
The vue project introduces particles.js to realize the particle effect, but there is a problem when switching pages?
In the vue-cli project, I directly introduced the particls library into index.html, and the related files are placed in the static directory . <div id="particles-js">< div> <script type="text javascript" src="s...

Front-end javascript vue.js

Feb.26,2021
When VUEJS receives the value from the server, it assigns a value to the array.
the data received on the server is [{ "name ": "TOM ", "age ": "16 "}, { "name ": "JACK ", "age ": "18 "}, { "name ": "marry ", "age ": "20 "}] I think there is something wrong with the loop code in html. <ul v-for="item in items"...

Vue.js

Feb.26,2021
How to connect vue1.0 to qdQQ?
how to connect vue1.0 to the domed components generated by qdQQ, is invalid when index.html introduces js, and clicks on the dom node, and cannot afford to call qq ...

Vue.js

Feb.26,2021
How do I use vue global filters?
create filter.js in the js folder in src assets main ...

Vue.js

Feb.26,2021
V-for outputs the field list.user.name. in the array list Background error report name is not defined
< div vFFOR = "list in item " > < span VFF bindcharacters list.user.name > list.user.name outputs the name "Xiao Hong " in the view. However, the console will report that name does not define < div > those who are familiar with angular...

Vue.js

Feb.26,2021
What fullpage plug-in with arrows and dot navigation
as shown in the red box of the second picture, is there any recommendation for this plug-in? Thank you. the screenshot is uploaded, so let s just look at it. nothing can be found in vueawesome. ...

Vue.js html5 html css

Feb.26,2021
Ask how to write slot in the render function of iview.
version: "version ": "1.1.4 ", problem description: in the table header, if you want to add the Tooltip component, if the Tooltip component does not use the slot slot, it will display normally, but when the content to be displayed is too much, using ...

Vue.js iview

Feb.26,2021
I want to use Baidu's echarts in vue. Why did I introduce this library page and not show it?
just can t show it. Thank you very much for your advice. ...

Echarts vue.js javascript

Feb.26,2021
How does vue export all paged data
Front-end Xiaobai, a company internship, needs to export all the data in the paging to the excel table. After finding the answers, you only finish exporting the data on the current page. I would like to ask how to export the data of all pages. I tried t...

Vue.js

Feb.26,2021
The problem of failed verification by using graphic CAPTCHA when registering in vue
use axios for registration, use graphic verification code to verify whether it is correct, cannot be verified correctly, 1. Get the graphic verification code first this.$http({ method: get , url: this.api + app platform getImgCo...

Graphic-CAPTCHA CAPTCHA vue.js axios

Feb.26,2021
How the ElementUI tree control gets the selected node and the parent node (even if it is not all selected)
the demand has changed. Previously, you only need to submit the id array of the selected leaf node, and then you can get it directly through the official api [getCheckedKeys]. Now it is required to also pass the id of the parent node. get stuck. Many ...

Element-ui vue.js

Feb.26,2021
The problem of using the menu bar of iview frame in vue
as shown in the figure, I used the menu bar component of ivew in vue figure 1. I selected the content on the right side of the login log to display the contents of the login log, which is normal . then I set up a @ click route on the account profile d...

Iview vue.js

Feb.26,2021
The pull-up load of the Loadmore component in Mint-UI cannot be triggered.
< H2 > now there is a strange situation, that is, when I use the Loadmore component, the pull-up load is not performed, only the drop-down refresh is performed. It only executes every time I change the location of the component, but after I refresh it, i...

Mint-ui vue.js javascript

Feb.26,2021
Vue:localhost:8080/-sharp/register jump into localhost:8080/?-sharp/register?
localhost:8080 -sharp register ; register(); :localhost:8080 ?-sharp register;ajax;;localhost:8080 ?-sharp register;home : vue@;formform ...

Php vue.js

Feb.26,2021
In vue, when the account input and password input of the login page communicate between two different components, how to use axios to verify whether it is necessary to create a new login interface at this time?
In vue, when the account input and password input of the login page communicate between two different components, how to verify the login through axios? do you need to create a new login interface at this time? ...

Component-communication axios vue.js

Feb.26,2021
The problem of passing values from vue parent components to child components
I make a login interface using tabs in elementui to divide student login and teacher login <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="" name="first"> <tabs>...

Vue.js

Feb.26,2021
Vue acquires virtual nodes in component slots
vue , pug , VaForminput , dom ...

Vue.js

Feb.26,2021
Window.onerror does not work in Vue2.x
manually adding window.onerror in 2.5 does not catch errors or how does it work? Does have to be handled in Vue.config.errorHandler ? ...

Vue.js

Feb.26,2021

Menu