"dependencies": {

"axios": "^0.19.0",

"core-js": "^2.6.5",

"vant": "^2.0.9",

"vue": "^2.6.10",

"vue-router": "^3.0.3",

"vuex": "^3.0.1"

},

"devDependencies": {

"@vue/cli-plugin-babel": "^3.9.0",

"@vue/cli-plugin-eslint": "^3.9.0",

"@vue/cli-service": "^3.9.0",

"@vue/eslint-config-prettier": "^4.0.1",

"babel-eslint": "^10.0.1",

"babel-plugin-import": "^1.12.0",

"eslint": "^5.16.0",

"eslint-plugin-vue": "^5.0.0",

"sass": "^1.18.0",

"sass-loader": "^7.1.0",

"vue-template-compiler": "^2.6.10"

}

以上可以看到我的全局dependency中已成功安装vant 2.0.9 而开发环境已成功安装babel-plugin-import 1.12.0

module.exports = {

presets: ["@vue/app"],

plugins: [

['import', {

libraryName: 'vant',

libraryDirectory: 'es',

style: true

}, 'vant']

]

};

而对应的babel.config.js文件也添加了vant的plugin如上图

<template>

<div>

<van-button type="primary">Primary</van-button>

</div>

</template>

<script>

import axios from 'axios';

import {Button} from 'vant';

export default {

name: 'contatcList',

components: {

[Button.name] : Button

},

created() {

}

}

</script>

最后也在相应的自定义组件ContactList.vue中import且在components中注册并在template中使用 可起服务的时候依然报找不到vant对应的两个依赖 不知道哪位大神能帮忙解答 感激涕零>_<

These dependencies were not found:

* vant/es/button in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0

-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/ContactList.vue?vue&type=script&lang=js&

* vant/es/button/style in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??

ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/ContactList.vue?vue&type=script&lang=js&

To install them, you can run: npm install --save vant/es/button vant/es/button/style

P.S.: 即使我尝试了跑以上推荐的命令 npm install --save vant/es/button vant/es/button/style 依然还是会报错 所以只好post在这里看大家有没有遇到过类似的问题了>_<