Vue+ElementUI运行时报错怎么回事?

新手上路,请多包涵

运行过程
node^12.13.0
vue-cli^4.0.5

npm install vue
npm install element-ui -S

main.js

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

Vue.use(ElmeentUI)
export default new Vue({
    el:"#app",
    render:h=>h(App)
})

APP.vue

<template>
  <div id='app'>
    <el-container>
      <el-header>Header</el-header>
      <el-container>
        <el-aside width="200px">Aside</el-aside>
        <el-main>Main</el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
export default {};
</script>

vue serve

INFO Starting development server...
98% after emitting

ERROR Failed to compile with 3 errors 23:14:08

These dependencies were not found:

  • core-js/library/fn/object/assign in ./node_modules/babel-runtime/core-js/object/assign.js
  • core-js/library/fn/symbol in ./node_modules/babel-runtime/core-js/symbol.js
  • core-js/library/fn/symbol/iterator in ./node_modules/babel-runtime/core-js/symbol/iterator.js

To install them, you can run: npm install --save core-js/library/fn/object/

大佬们帮忙忙看看这个时什么问题,感激不尽

阅读 12k
10 个回答

你看看是不是版本适配的问题,有的依赖是指定相应的版本号的,在找寻路径的时候是错误的

element-ui使用的core-js@2,如果我们使用的core-js@3就会报错,babel配置加一下

npm i -D babel-plugin-component
{
  "presets": [
    [
      "@babel/preset-env", 
      {
        "useBuiltIns": "usage",
        "corejs": 3 
      }
    ]
  ],
  "plugins": [
    [ "component",
      {
      "libraryName": "element-ui",
      "styleLibraryName": "theme-chalk"
      }
      ]
  ] 
 }

To install them, you can run: npm install --save core-js/library/fn/object/

似乎这里已经给出答案了。

我是这样直接安装的,可以了
yarn add core-js@2
安装后去看node_modules目录下的core-js文件夹里, 有 library 文件夹了.
安装好后看了下版本是 "version": "2.6.10",
之前安装的core-js 的 3 的版本,是没有 library 文件夹的

是有了library文件夹了,但是依然报错

去掉element-ui的引用之后,就不报这个错了.跟element-ui有关.

新手上路,请多包涵

你好,请问这个问题后来得到解决了吗,我现在也遇到了这个问题

新手上路,请多包涵

由于 vue-cli依赖的core-js是3的版本,,而babel-runtime依赖的是core-js是2的版本。
core-js 版本2和版本3的差别是比较大的,版本3中有es的文件夹,没有library的文件夹,版本2中有library的文件夹,没有es的文件夹。解决上面,可以尝试安装 2版本的core-js ‘yarn add core-js@2 --save’(可能会vue会报出 core-js/modules/es.**的文件找不到,,,,)

于是我就暴力一点安装 3版本,将2版本的library中的文件夹 复制到3*版本中,解决。

新手上路,请多包涵

朋友,我遇到了和你一模一样的问题,请问你解决了吗?

2021了同样的问题依旧遇见了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题