升级到vue-cli-4后，相对路径在标准导入中不再有效

Question

这是另一种拖延升级构建工具的情况，因为每次升级时，我都会发现有太多的更改需要处理。

我使用vue cli 4.5创建了一个新项目，并加载了它，就像新项目一样。然后我复制了新项目在依赖项、配置文件等方面的外观。我删除了node_模块，甚至删除了包锁，运行了npm install，然后运行npm run serve，并得到了我在网络上看到的奇怪的缓存错误，但对我来说没有任何效果。

未找到此依赖项：

@/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选项！./src/视图/网格/shared.vue?vue

要安装它，可以运行：npm install--save@/components/renders/Loader

未找到这些相关模块：

./偶像vue in/src/组件/图标/索引。js

../../中的渲染器/加载程序/节点单元模块/缓存加载程序/dist/cjs。js？？参考-12-

等等

这是我的包裹。json

{ 
  "name": "myapp",
  "description": "A Vue.js project",
  "version": "1.0.0",
  "author": "Me",
  "license": "MIT",
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^2.6.11",
    "vue-router": "^3.3.0",
    "vuex": "^3.4.0",
    "sass-loader": "^9.0.3"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "vue-template-compiler": "^2.6.11"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

这是我的vue。配置。js

module.exports = {


  publicPath: process.env.NODE_ENV === 'production' ? '/AppFolder/dist/' : 'http://localhost:8080/dist/',
  runtimeCompiler: true,  
  css: {
    // Enable CSS source maps.
    sourceMap: process.env.NODE_ENV !== 'production'
  },
  devServer: {
    headers: { "Access-Control-Allow-Origin": "*" },
    port: 8080,
    disableHostCheck: true,
    overlay: {
      warnings: true,
      errors: true
    }
  }
}

然后试图删除我的vue.config.js....

还有巴贝尔。配置。js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

以前一切都很好。开箱即用应用程序没有亲属或别名问题（即@）。

这里有点混乱！

Answer 1

似乎在花了几个小时试图找出一个问题后，我在网上发布后找到了答案。

我不知道如何或为什么，但在我的IDE（Visual Studio）中，外壳与实际的文件系统不同。我通过IDE创建了这个文件，谁知道呢。

现在我要试着追踪这个突破性的变化。所以任何遇到类似情况的人，都要确保实际文件夹中的文件名完全匹配。