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

问题描述

这是拖延升级我的构建工具的另一种情况，因为每次我这样做时，我都会发现很多必须要做的更改。

我使用vue cli 4.5创建了一个新项目，并将其加载，就像新项目一样。然后，我复制了新项目的相关性，配置文件等内容。删除了node_modules，甚至删除了包锁，先运行npm install然后运行npm run serve，然后得到了奇怪的缓存错误，我看到了所有通过网络，但对我没有任何帮助。

未找到此依赖项：

@ /。/ node_modules / cache-loader / dist / cjs.js ?? ref--12-0！./ node_modules / babel-loader / lib！./ node_modules / cache-loader中的@ / components / renderers / Loader /dist/cjs.js??ref--0-0！./ node_modules / vue-loader / lib ?? vue-loader-options！./ src / views / grids / shared.vue？vue＆type = script＆lang = js＆

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

未找到这些相关模块：

./src/components/icons/index.js中的

./ Icon.vue

../../ renderers / Loader in ./node_modules/cache-loader/dist/cjs.js??ref--12-

等等等

这是我的package.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.config.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 ...

还有babel.config.js

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

以前，一切工作都很好。开箱即用的应用程序的相对或别名（即@）没有问题。

这里有些困惑！

解决方法

似乎花了数小时试图找出问题后，我才在SO上发帖找到答案。

我不知道如何或为什么，但是在我的IDE（Visual Studio）中，大小写与实际文件系统不同。我是通过IDE创建文件的，所以谁知道呢。

现在，我将尝试跟踪这一重大变化。因此，遇到类似问题的任何人，请确保实际文件夹中的文件名完全匹配。