升级到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 / dist /中的@ / components / renderers / Loader 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创建了文件,谁知道呢。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Angular CLI中避免相对路径

升级到Vue 3后,图像高度重置为0

从PHP 5.5升级到5.6后,cURL文件上传不再起作用

错误:未捕获(承诺):状态升级:升级到Angular-CLI + Angular 4时,URL找不到404

升级到Django 1.11后,append_slash不再起作用

升级到vue-cli 3后,HTML中的空格消失了

“升级后,将ember-cli-inject-live-reload版本升级到1.10.0或更高版本”警告将不会消失

升级到0.7.1后,upickle中的自定义作者/阅读器不再起作用

如何将我的全局vue-cli安装升级到最新版本?

将角度CLI升级到8

@导入scss,相对路径,angular-cli

升级到Visual Studio 16.3.0后,dotnet ef命令不再起作用

升级到APEX 19.1之后,setSelection不再起作用

从Rails 4升级到Rails 5后,自定义错误处理不再起作用

库升级到.net标准2.1

升级到Ubuntu 13.10后,智能卡阅读器Vasco DP905不再起作用

将xcode升级到5后,旧项目在ios6.1模拟器下不再起作用

升级到Debian Stretch后,Tar排除列表不再起作用

从10.10升级到12.04后,mythbuntu标准MCEUSB遥控器不再起作用

升级到Firefox 54.0后,无法使用Firefox的CLI捕获网页的屏幕截图

将Apache升级到2.4后,内部URL重写不再起作用

升级到不再受支持的版本

无法将ember-cli从0.0.40升级到0.1.2-Transpiler不再喜欢会徽

在Eclipse中升级到JUnit 4

升级到Symfony3后,为什么我的用户登录名不再起作用

升级到rc2后,Angular2快速入门应用程序不再起作用

从16.04升级到18.04后,为什么mount.cifs在fstab中不再起作用?

升级到angular-cli beta 31(从beta 24开始)后,ng lint np不再起作用

--headless 标志在升级到 chrome 76/chromedriver 76 后不再起作用