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]'
}
}
}
}
]
}
实在不知道问题出在哪里了。有知道的朋友,可以分享一下,不胜感激。谢谢
图片直接require,不是模块没法引入
提示:本人疏忽,在project之外有一个同名assets文件夹。图片放错位置了。上面的引入没有问题。 认真、认真、认真。 :see_no_evil: