中国建设银行济南招聘信息网站,个人如果做网站赚钱,建设学校网站,重庆网站设计系统背景
我们在 webpack 配置 alias 后#xff0c;发现项目中引入的时候#xff0c;还是会报错#xff0c;如下#xff1a; 可以看到#xff0c;有一个是 ts报错#xff0c;还有一个是 eslint 报错。
解决 ts 报错
tsconfig.json
{compilerOptions: {...发现项目中引入的时候还是会报错如下 可以看到有一个是 ts报错还有一个是 eslint 报错。
解决 ts 报错
tsconfig.json
{compilerOptions: {...paths: {/*: [./src/*]},...}
}解决 eslint 报错
方式一关闭规则
.eslintrc.js
module.exports {...rules: {import/extensions: off}
}【推荐】方式二使用 eslint-import-resolver-alias
npm install --save-dev eslint-import-resolver-alias.eslintrc.js
module.exports { // ... 其他配置项 settings: { import/resolver: { alias: { map: [[, ./src]], // 这里配置你的别名路径例如将 映射到 ./src extensions: [.js, .jsx, .ts, .tsx], // 这里配置你的文件扩展名例如支持 .js, .jsx, .ts, .tsx 文件 }, }, }, // ... 其他配置项
};使用方式二鼠标点击后还可以跳转到对应的文件中