Vue

打包失败 Missing "./preload-helper" export in "vite" package

搜索 vite/preload-helper 替换为 \0vite/preload-helper

vue-element-admin 安装第三包（npm install）时报错

ls-remote -h -t git://github.com/adobe-webplatform/eve.git

• 修改Git的协议（ssh 替换为 https）

git config --global url."https://github.com/".insteadOf "ssh://git@github.com/"

• 切换镜像网站

git config --global url."https://hub.fastgit.xyz/".insteadOf "ssh://git@github.com/"

使用 import.meta.env 获取环境变量提示类型 “ImportMeta” 上不存在属性 “env”

在 tsconfig.json 中添加 "types": ["vite/client"]

{
  "compilerOptions": {
    "types": ["vite/client"]
  }
}

INFO

• 实际上启用了 Vite 提供的类型支持，这让 TypeScript 能够理解并正确处理 Vite 特有的代码结构，如环境变量访问。这是确保 TypeScript 项目中 Vite 功能正确工作的关键配置。

JSX 元素隐式具有类型 "any"，因为不存在接口 "JSX.IntrinsicElements" 的索引签名

在 tsconfig.json 中添加 "jsx": "preserve" 和 "jsxImportSource": "vue"

{
  "compilerOptions": {
    "jsx": "preserve",
    "jsxImportSource": "vue"
  }
}

• 根据 vue 指南，这是由以下更改引起的：

Starting in Vue 3.4, Vue no longer implicitly registers the global JSX namespace 从 Vue 3.4 开始，Vue 不再隐式注册全局 JSX 命名空间

Big integer literals are not available in the configured target environment (“chrome87“, “edge88“)

在 vite.config.ts 中添加

export default defineConfig({
  // ...
  build: {
    target: 'esnext', // you can also use 'es2020' here
  },
  optimizeDeps: {
    esbuildOptions: {
      target: 'esnext', // you can also use 'es2020' here
    },
  },
})

另外，请确保你的 Typescript 目标足够高：

{
  "compilerOptions": {
    "target": "ES2020" // you can also use higher value
  // ...
  }
}