問題1. 頁面中使用import.meta.env獲取環境變量有紅色波浪線提示錯誤
按提示給ts.config.ts文件中的compilerOptions增加了"module": “esnext” (es2020 | es2022 | system)這幾個也不行
但是另一個問題出現了
安裝的第三方庫引入報錯了
按照提示我們將module改成了’nodenext’, 此時引入第三方庫的報錯問題是解決了,但是又出現了一個新問題:根據別名引入的文件報錯了
最后研究終于找到了解決辦法,如下所示:
// ts.config.ts
{"compilerOptions": {// ...其他配置項"baseUrl": ".","paths": {"@/*": ["src/*"]},"module": "esnext", // 使用esnext可以同時支持別名以及支持vite環境類型聲明提供import.meta的合法定義"moduleResolution": "node", // 使用 Node.js 風格的模塊解析算法"types": ["vite/client"]}
}