vue 踩坑笔记

2,871 阅读1分钟

1. “./v4' is not defined by "exports”

使用yarn create,创建的项目, 运行使用 yarn serve。 当引入uuid 时,出现error。

引入方式:cnpm install uuid

Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: 
Package subpath './v4' is not defined by "exports" in XXX

解决方式:

使用新命令引入 yarn add uuid

2. axios

npm install axios出警告,然后 yarn serve 报错

解决方式:

yarn add axios 也可以使用 vue add axios

VUE ADD 是安装 vue cli 插件,会改变目录结构;
YARN ADD 是安装npm 插件,只是安装包

3. jsonplaceholder

可以使用 jsonplaceholder.typicode.com/ 作为测试数据接口

4. Vuex

vue add vuex

vue add axios 自动配置

yarn add less@^3.0.4 指定最低版本是3.0.4

5. dependencies & devDependencies

  "dependencies": {
    "axios": "^0.21.1",
    "core-js": "^3.6.5",
    "js-cookie": "^3.0.0",
    "vant": "^2.12.25",
    "vue": "^2.6.11",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "less": "^3.0.4",
    "less-loader": "^5.0.0",
    "postcss-loader": "^6.1.1",
    "postcss-px2rem": "^0.3.0",
    "postcss-px2rem-exclude": "0.0.6",
    "px2rem-loader": "^0.1.9",
    "vue-template-compiler": "^2.6.11"
  },

dependencies: 生产环境
devDependencies: 开发环境

npm install --save-dev 简写 --D 保存到devDependencies中,

npm install --save 简写 -S 保存到dependencies

npm install 全部安装,
npm install --production 安装生产环境的

  1. dependencies 中的两种模式都会安装
  2. devDependencies 生产模式不会安装