美文网首页
vue3+typescript实战记录二(typescript-

vue3+typescript实战记录二(typescript-

作者: 俄小发 | 来源:发表于2021-03-04 16:53 被阅读0次

本文记录一些vue3+typescript+less开发过程中的一些小问题。

不断开发、不断更新...

1. require引入模块

vue.config.js文件中require('path') 加载path模块,eslint报错errorRequire statement not part of import statement

对应eslint规则:戳这里

解决方案

.eslintrc.js,关闭no-var-requires规则

module.exports = {
    rules: {
        '@typescript-eslint/no-var-requires': 'off',
    }
}

2. vue3设置别名alias

vue.config.js中设置别名alias

module.exports = {
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src'))
      .set('config', resolve('src/config'))
      .set('utils', resolve('src/utils'))
      .set('components', resolve('src/components'))
      .end()
   // 设置文件扩展名,设置后在引入时,可省略扩展名
    config.resolve.extensions
      .add('ts')
  }
}

main.ts中引入设置别名的模块时,提示Cannot find module 'config/element.config' or its corresponding type declarations

import { components, plugins } from 'config/element.config'
image

解决方案

tsconfig.jsonts配置文件中增加paths
参考文档:模块解析-路径映射

{
    "paths": {
            "@/*": ["src/*"],
            "*": ["*", "src/*"]
        }
}

相关文章

网友评论

      本文标题:vue3+typescript实战记录二(typescript-

      本文链接:https://www.haomeiwen.com/subject/zkpkqltx.html