vue.js Vite build mode development results in error Could not resolve entry module“development/index.html”

jm81lzqq  于 2023-10-23  发布在  Vue.js
关注(0)|答案(1)|浏览(236)

我是新来的,但我不是新来的。自从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是如何部署的,但我不知道我到底误解了什么。我做错了什么?

lb3vh1jj

lb3vh1jj1#

--mode必须添加到build脚本命令中,而不是npm命令中。

package.json

"scripts": {
  "build": "vite build --mode development"
}

然后npm run build

相关问题