Vue+Ts+@vue/cli,import url from ‘xxx.png’,报错:找不到模块~

如图
环境:

    "@vue/cli-service": "~4.5.0",
    "url-loader": "^4.1.1",
    "vue": "^3.1.5",

typescript.d.ts文件包含中,declare module ‘*.png’;

// vue inspect -- rule images , 结果如下:

{
  test: /\.(png|jpe?g|gif|webp)(\?.*)?$/,
  use: [
    {
      loader: 'D:\\web丨Work\\AppMyUi\\blog\\node_modules\\_url-loader@2.3.0@url-loader\\dist\\cjs.js',
      options: {
        limit: 4096,
        fallback: {
          loader: 'D:\\web丨Work\\AppMyUi\\blog\\node_modules\\_file-loader@4.3.0@file-loader\\dist\\cjs.js',
          options: {
            name: 'img/[name].[hash:8].[ext]'
          }
        }
      }
    }
  ]
}

实在不知道问题出在哪里了。有知道的朋友,可以分享一下,不胜感激。谢谢

讨论数量: 2

图片直接require,不是模块没法引入

2年前 评论
Dofw (楼主) 2年前
Dofw (楼主) 2年前

提示:本人疏忽,在project之外有一个同名assets文件夹。图片放错位置了。上面的引入没有问题。 认真、认真、认真。 :see_no_evil:

2年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!