Typescript 网页图像可以';找不到模块
我正在尝试通过以下方式导出我的图像:Typescript 网页图像可以';找不到模块,typescript,image,webpack,Typescript,Image,Webpack,我正在尝试通过以下方式导出我的图像: const path = require('path'); module.exports = { entry: './src/index.ts', module: { rules: [ { test: /\.ts?$/, use: 'ts-loader', exclude: /node_modules/, }, { test: /\.(png|
const path = require('path');
module.exports = {
entry: './src/index.ts',
module: {
rules: [
{
test: /\.ts?$/,
use: 'ts-loader',
exclude: /node_modules/,
},
{
test: /\.(png|svg|jpg|gif)$/,
use: [
'file-loader',
],
},
],
},
resolve: {
extensions: [ '.tsx', '.ts', '.js' ],
},
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
},
};
以下是我的文件夹结构:
这是我的index.ts
文件:
import {css} from 'lit-element';
import ErrorIcon from './assets/icons/error.svg';
export const iconStyles = css`
.icon-error {
background-image : src("${ErrorIcon.src}");
}
.icon-warning {
background-image : src("/assets/icons/warning.svg");
}`;
运行build时,出现以下错误:
TS2307:找不到模块“./assets/icons/error.svg”或其相应的类型声明
我做错了什么?试试看:
background-image : url("${ErrorIcon.src}");
我在typescript中很好地解决了这个问题,您必须添加一个如下所示的文件:
declare module "*.svg" {
const content: any;
export default content;
}