vite-vue3-ts-antdesign使用问题

352 阅读1分钟

1.         Ts安装依赖

Yarn add ant-design@next

Yarn remove ant-design@next

 

2.         使用 vite2 + vue3 + ant-design-vue2 报错:[vite] Internal server error: Inline JavaScript is not enabled.

这时候需要在 vite.config.js 中添加以下配置:

 

// vite2.x

css: {

  preprocessorOptions: {

    less: {

      javascriptEnabled: true,

    }

  },

},

如果你的项目使用的是 vite1.x ,则配置方式跟 vite2.x 稍有不同,如下所示:

 

// vite1.x

cssPreprocessOptions: {

  less: {

    javascriptEnabled: true,

  },

},

 

3.         “any”类型的参数不能赋值给“never”类型的typescript解决方案的参数

 

您可以将any类型的newUser强制转换为never类型可以解决此问题:this.userObj.assigned_to.push(newUser as never);

 

4.         对象在初始定义时应该包含所有属性值,对象在改变属性值时也需要包含所有值

5.         适屏问题

 @baseFontSize: 14.40;//基于视觉稿横屏尺寸/100得出的基准font-size

 .px2rem(@name, @px){

     @{name}: (@px / @baseFontSize) * 1rem;

}