1

这是另一个拖延升级我的构建工具的案例，因为每次我这样做时，我都会发现我必须完成大量的更改。

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

未找到此依赖项：

@/components/renderers/Loader 在 ./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/grids/shared.vue?vue&type=script&lang=js&

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

未找到这些相关模块：

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

../../renderers/Loader 在 ./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'
  ]
}

之前一切都运行良好。开箱即用的应用程序没有相对或别名（即@）的问题。

这里有点迷茫！

4

1 回答 1

0

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

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

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

于 2020-08-21T20:29:43.763 回答