[英]Vue & Typescript: Image imports not found
我目前正在使用Typescript进行Vue项目。 在我的Assets文件夹中,我有一些图像想通过单独的Typescript文件导入。
该项目由vue-cli使用Typescript版本3.2.1
引导。 我尝试过的是使用require直接导入到我的文件中,该方法不起作用。 然后我试图与进口import
无济于事
这是我尝试过的:
./src/myFile.ts
import Image from '@/assets/img/hello.png';
不起作用
./src/myFile.ts
import Image from '../assets/img/hello.png';
不起作用
./src/myFile.ts
const Image = require('../assets/img/hello.png');
不起作用
捆绑器将沿Relative modules were not found
的行引发错误,后跟文件路径。 我已经确定路径正确,并且我怀疑这与TypeScript如何管理导入以及Vue-cli如何配置为捆绑文件有关。
找到了问题:您需要像下面这样声明以下模块:
declare module "*.png" {
const value: string;
export default value;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.