vue-cli npm如何解决vue项目中缺失core-js的问题

目录

• vue-cli npm解决vue项目中缺失core-js
• 报错
• 原因
• 解决办法
• vue踩坑：this dependency was not found
• 问题背景

vue-cli npm解决vue项目中缺失core-js

报错

This dependency was not found:

core-js/modules/es.object.to-string in ./src/router/index.js
To install it, you can run: npm install --save core-js/modules/es.object.to-string

原因

最新的 vue-cli 3.x的版本，core-js是3.x的版本，而这个版本中，对那些polly补丁包进行了整理

,这其实是一个版本缺失 core-js 的问题

解决办法

手动更新core-js依赖包，具体版本自行参照官网，根据自己的vue版本，可以一个一个试试：

我先试了

npm i core-js@3.6.5 --save还是不行，然后又试了npm i core-js@2.6.9 --save成功解决

vue踩坑：this dependency was not found

问题背景

在学习vue的router的过程中，自己在新建了一个文件夹，然后在router–>index.js中引用这个路径，结果保存编译后总是出现

 ERROR  Failed to compile with 1 errors                                                                                                                                                              14:58:03
This dependency was not found:

*  ../views/index.vue in ./src/router/index.js

To install it, you can run: npm install --save  ../views/index.vue

大概意思就是找不到我新建的这个文件。其实解决方法很简单，就是重新全局编译一下就可以了，可以中断程序重新npm run dev就可以解决了。

但是在搜索这个错误的同时，也学习到了一些新的知识。我们其实可以自己定义前面相同的路径：

在webpack.base.conf.js文件中可以自己新建一个路径

  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'views': resolve('src/views'),    // 新添的路径，这个文件夹下面的文件可以直接用views/XXX引用
    }
  },

以上为个人经验，希望能给大家一个参考，也希望大家多多支持易盾网络。