我是新来的,但我不是新来的。自从2.0以来,我就没怎么用过Vue了,现在我正在Vue3上创建一个新的PWA。我看到Vue3有一个名为Vite的新库,用于部署和运行开发服务器。
作为背景,我有另一个类似的Vue应用程序,它不使用Vite,我有3个.env文件,.env.development
,.env.staging
和.env.production
。
在我的旧VueJS应用程序中,当我执行npm run build --mode development
时,这些env变量可以正常工作,应用程序构建并设置变量以正确使用它们的dev版本,但使用Vite时,我试图做类似的事情,但我得到了奇怪的结果。我知道这是我做错了,因为我找不到任何人有同样的问题,使用谷歌。
基本上,我希望我的Vue应用程序使用不同的变量,这取决于我部署的env在我的旧Vue应用程序上工作,但我不能让它与Vite一起工作。
每当我执行npm run build --mode development
时,我都会得到一个错误
Could not resolve entry module "development/index.html".
error during build:
RollupError: Could not resolve entry module "development/index.html".
at error (file:///Users/khernandez/Desktop/Sprint23-21/OnlineScheduler/node_modules/rollup/dist/es/shared/node-entry.js:2287:30)
at ModuleLoader.loadEntryModule (file:///Users/khernandez/Desktop/Sprint23-21/OnlineScheduler/node_modules/rollup/dist/es/shared/node-entry.js:24881:20)
就好像它在寻找一个名为development
的文件夹。我不想为每个env创建一个新的文件夹,我只想切换我的env变量,这样我的Vue应用程序就可以根据我部署的位置使用正确的数据。
我有一个鬼鬼祟祟的怀疑,我误解了Vite是如何部署的,但我不知道我到底误解了什么。我做错了什么?
1条答案
按热度按时间lb3vh1jj1#
--mode
必须添加到build
脚本命令中,而不是npm命令中。package.json
然后
npm run build