小编Vic*_*tor的帖子

我正在尝试使用 img 标签中的 src="" 从本地文件夹加载图像，但我想使用后端加载它们。前端已经有相对路径，即“../assets/imgs/”，后端只有名称和扩展名，例如）“1.png”。事情是它确实有效，但我收到了错误消息。

这给我带来了问题

<img width=100px height=100px :src="getIconPath(`${user.icon}`)"/>

这是被调用的函数

  methods: {
    getIconPath(iconName) {
      return iconName ? require("../assets/imgs/" + iconName) : ''
    }

这是我在控制台上收到的两个错误消息

[Vue warn]: Error in render: "Error: Cannot find module './undefined'"
found in
---> <Profile> at src/components/profile.vue
       <Navbar> at src/components/navbar.vue
         <Main> at src/main.vue
           <Root> vue.runtime.esm.js:619
Error: "Cannot find module './undefined'"
    webpackContextResolve .*$:13
    webpackContext .*$:8
    getIconPath profile.vue:74
    render profile.vue:12
    VueJS 43
    <anonymous> main.js:31
    js app.js:1415
    __webpack_require__ app.js:785
    fn app.js:151
    1 app.js:1488
    __webpack_require__ app.js:785
    checkDeferredModules app.js:46
    <anonymous> app.js:861 …

问题

我正在尝试更新软件包并运行ncu -u一次，我运行npm install以应用新的更新，但它不起作用。看来它给我带来了问题eslint？？？虽然我尝试复制问题，以便我可以在此处发布错误，但我似乎无法理解它，但如果我没记错的话，我必须这样做npm install --legacy-peer-deps。无论如何，一旦我应用它，它就会安装，但一旦我尝试运行，npm run serve就会出现错误。

我尝试过的

我检查了每个软件包的版本，它们都已更新到最新版本。我已删除“package-lock.json”和“node_modules”并重新安装它们。我很困惑它可能是什么。我查阅了其他一些 stackoverflow 帖子，也提到了清除缓存，但这不起作用。

控制台（运行时npm run serve）

PS C:\Users\vdcam\Documents\GitHub\project-cc> npm run serve

> project-cc@0.1.0 serve
> vue-cli-service serve

 INFO  Starting development server...
 ERROR  Error: Rule can only have one resource source (provided resource and test + include + exclude) in {
  "exclude": [
    null
  ],
  "use": [
    {
      "loader": "C:\\Users\\vdcam\\Documents\\GitHub\\project-cc\\node_modules\\cache-loader\\dist\\cjs.js",
      "options": {
        "cacheDirectory": "C:\\Users\\vdcam\\Documents\\GitHub\\project-cc\\node_modules\\.cache\\babel-loader",
        "cacheIdentifier": "39d06afa"
      },
      "ident": "clonedRuleSet-38.use[0]" …