ts+vite+element-plus+npm发包的各种坑

原创

已于 2023-03-26 17:01:09 修改 · 4.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript #typescript #前端框架

于 2023-01-21 21:16:00 首次发布

文章列举了在Vue开发中遇到的各种问题，包括编译错误、Vetur警告、路由配置错误、element-plus组件使用、样式覆盖、路径变量问题、npm发布冲突、VitePress配置错误、vuecli安装错误以及npm权限问题，并提供了相应的解决方法。

一、'index.vue' cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module.

解决：找到tsconfig.json，将isolatedModules改成false，重启项目

二、XXX is declared but its value is never read.Vetur(6133)

解决：VScode找到设置输入vetur valid，勾出来的地方取消勾选，重启

三、切换路由到/chooseIcon无反应

const routes:RouteRecordRaw[] =[{
  path: '/',
  component: Container,
  children:[{
    path: '/',
    component: Home,
  },{
    path: '/chooseIcon',
    component: () => import('../views/chooseIcon/index.vue'),
  }],

}]