vue3 + vite 报错处理

【vue3 + vite 报错处理】的更多相关文章

Vue3.0报错error: Unexpected console statement (no-console) 解决办法

写项目过程中用ESLint遵守代码规范很有必要,但是对于一些规范也很是无语,比如:‘Unexpected console statement (no-console)’,连console都不能用,这就很抓狂了.其实增加一行代码即可. 修改package.json中的eslintConfig:{} 中的 “rules”:{},增加一行代码: "no-console":"off" 示例: "eslintConfig": { "root&qu…

vue3.0+vite+ts项目搭建(报错处理)

报错一 warning package.json: No license field$ vue-tsc --noEmit && vite build 解决方案,添加这两行,只添加一个是没有用的报错二 node_modules/@vue/runtime-core/dist/runtime-core.d.ts:1193:6 - error TS2748: Cannot access ambient const enums when the '--isolatedModules' flag…

vue3 报错解决：找不到模块‘xxx.vue’或其相应的类型声明。（Vue 3 can not find module）

最近在用 vue3 写一个小组件库,在 ts 文件中引入 .vue 文件时出现以下报错: 报错原因:typescript 只能理解 .ts 文件,无法理解 .vue文件解决方法:在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件,并写入以下内容: declare module '*.vue' { import { ComponentOptions } from 'vue' const componentOptions: ComponentOptions export defau…

vite 动态 import 引入打包报错解决方案

关注公众号: 微信搜索前端工具人 ; 收货更多的干货原文链接: 自己掘金文章 https://juejin.cn/post/6951557699079569422/ 关注公众号: 微信搜索前端工具人 ; 收货更多的干货一.介绍之前一直是使用 webpack 构建项目, 但是那种随着项目越来越大运行.打包.热更新缓慢带来的无奈... 新项目开发果断使用了vite2.0, 和 webpack 对比起来, 其他的优点不是很直观,但在运行.打包.热更新方面简直倍数差距, 只能说我觉得 vite…

vue3.0使用tui.image-editor图片编辑组件报错TypeError: Cannot convert undefined or null to object

在vue3.0的项目中使用tui.image-editor组件.一直都是报错.查看报错位置发现代码 addEventListener() { Object.keys(this.$listeners).forEach((eventName) => { this.editorInstance.on(eventName, (...args) => this.$emit(eventName, ...args)); }); }, 其中的this.$listeners为空或者null原因是在vue3.0中…

Prettier 在 Vite 项目下格式化报错

Prettier 配置文件有很多种格式,有.json..js..yml等.因为 Vite 默认项目用的模块机制是 ES6,我的配置文件又正好是.js,且用的模块机制是 CommonJS.所以就是如上图那样的报错. 直接把配置文件的后缀名改成 .json 或者其他非 .js 就可以了.…

使用react-vite-antd，修改antd主题，报错 [vite] Internal server error: Inline JavaScript is not enabled. Is it set in your options? It is hacky way to make this function will be compiled preferentially by less

一般报错在官方文档中,没有关于vite中如何使用自定义主题的相关配置,经过查阅 1.安装less yarn add less (已经安装了就不必再安装) 2.首先将App.css改成App.less,记得将app.ts(或者.tsx/.js)中的引入更改为 import "./App.less"; 3.在App.less中,将原先引入的@import 'antd/dist/antd.css' 更改为 @import 'antd/dist/antd.less'; 4.在vite.co…