"references": [{ "path": "./tsconfig.node.json" }],
"compilerOptions": {
"types": ["element-plus/global"],
"target": "esnext",
"module": "esnext",
"useDefineForClassFields": true,
"moduleResolution": "node",
"strict": true,
"jsx": "preserve",
"sourceMap": true,
"skipLibCheck": true,
"resolveJsonModule": true,
"esModuleInterop": true,
"lib": ["esnext", "dom"],
"baseUrl": "./",
"paths": {
"@": ["src"],
"@/*": ["src/*"]
修改完之后记得保存,或者重新打开Vscode即可:错误提示就没有了
或者是使用Webstorm打开项目,就没有这个提示:
vite-
vue
-
ts
-admin-template
这是一个极简的
vue
typescript vite admin 管理后台。它只包含了 element-plus & axios & svgicon & permission control & lint,这些搭建后台必要的东西。
相关
项目
如何设置以及启动
项目
npm install
启动本地开发环境
npm run dev
构建生产环境
npm run build
预览发布环境效果
npm run serve
代码格式检查以及自动修复
npm run lint
License
1.eslint报类型
错误
:Type string trivially inferred from a string literal, remove type annotation @typescript-eslint/no-inferrable- types
解决
方法:
在.eslintrc.js
文件
的rules 增加一行 "@typescript-eslint/no-inferrable-types": "off" // 关闭类型推断
rules: {
"no-console": p..
一、数据安全是指在数字化、网络化的背景下,对企业、组织或个人的数据进行保护,确保数据的机密性、完整性和可用性。它涉及到数据采集、存储、传输、处理等各个环节,并需要使用各种技术手段来防范数据泄露、篡改、灾害等问题。数据安全对于企业、组织或个人来说都非常重要,因为数据泄露或损失可能会导致商业机密的泄露、财务损失、声誉受损等问题。
二、资产大屏是一种基于数据可视化技术的管理工具,用于实时监控和展示企业、组织或个人的各类资产情况。它包括物理资产、财务资产、知识产权、人力资源等多个方面的内容,可以通过图表、地图、仪表盘等形式呈现出来。资产大屏可以帮助企业、组织或个人全面了解自己的资产状况、发现问题、制定决策,并可以随时对资产进行调整和优化。它还可以与其他系统集成,从而实现更加智能化和自动化的管理。
三、
项目
使用
Vue
3 +
Ts
+ Vite + pnpm 并集成了eslint 、prettier、stylelint、husky、commitizen 规约工具
四、采用抽离组件模式开发更加符合企业要求,手写更加熟练掌握大屏设配
五、组件包括有运营商定位、天气获取(调用高德APi)时间……
这个
错误
通常发生在使用
Vue
Router 时,出现在组件的 `beforeCreate` 钩子函数中。这个
错误
的原因可能是以下几种:
- 没有正确引入
Vue
Router。请确认在主
文件
中正确引入并安装
Vue
Router,例如:
```javascript
import
Vue
from '
vue
'
import
Vue
Router from '
vue
-router'
Vue
.use(
Vue
Router)
const router = new
Vue
Router({
routes: [
// ...
new
Vue
({
router,
// ...
}).$mount('#app')
- 在组件中使用了 `this._router.init`,这个方法已经在
Vue
Router 3 中被移除了。请使用 `this.$router` 替代。例如:
```javascript
beforeCreate() {
//
Vue
Router 2.x
this._router.init(this)
//
Vue
Router 3.x
console.log(this.$router)
- 在组件中调用了 `this.$router`,但是没有在 `beforeCreate` 钩子函数之前调用 `
Vue
.use(
Vue
Router)`。请在主
文件
中先引入并安装
Vue
Router。例如:
```javascript
import
Vue
from '
vue
'
import
Vue
Router from '
vue
-router'
Vue
.use(
Vue
Router)
new
Vue
({
router: new
Vue
Router({
routes: [
// ...
beforeCreate() {
// 此时才可以调用 this.$router
console.log(this.$router)
}).$mount('#app')
请注意,如果以上操作无法
解决
问题,建议检查是否在使用新版本的
Vue
Router。某些 API 在新版本中已被废弃或更改。