🐛 [Bug]: preview一直处于“页面加载中...”的提示，console提示文件未找到

[kenekai]

🐛 [Bug]: preview一直处于“页面加载中...”的提示，console提示文件未找到

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

Title: 🐛 [Bug]:

[chilingling]

使用 mockServer 体验服务端能力预览时，需要提前构建 vue-dsl package。执行命令：pnpm -F @opentiny/tiny-engine-dsl-vue build。再启动服务
@kenekai

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

When using mockServer to experience the server-side capability preview, you need to build the vue-dsl package in advance. Execute the command: pnpm -F @opentiny/tiny-engine-dsl-vue build. Restart the service
@kenekai

[kenekai]

执行pnpm -F @opentiny/tiny-engine-dsl-vue build后报错。已拉取develop分支最新代码。

[kenekai]

@chilingling

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

@ Chi Lingling

[chilingling]

执行pnpm -F @opentiny/tiny-engine-dsl-vue build后报错。已拉取develop分支最新代码。

先执行 pnpm install 安装依赖
@kenekai

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

An error is reported after executing pnpm -F @opentiny/tiny-engine-dsl-vue build. The latest code from the develop branch has been pulled. ! [Image] (https://private- user-images.githubuserContent.com/103375558/324658313-61b2544-E545-486bea0?jwt=eyjhhjh BGCIOJIUZI1NR5CCI6IKPXVCJ9.EYJPC3MIOIJNAXRODWIUY29TIWIYXVKijoCMF3LMDPDGH1YNVZZXVCIIUY29TIIWIYXVKIWIYXVKIWIYXVKIWIYXVKIWIYXVKIWIYXVKIWIYXVKIWIYXVKIWIYXVKIWIYXVKIWIYXVKIWIYXVK. Aioje3mtm4mzgymdqsim5izii6mtcxmzgzgwncwaci6II8XMDMZNZU1 NTGVMZEZEZEZLTRMLWUTNDNKLWM0M0M0M0M0M0M0NDRMLWUT U2MC5WBMC_WC1BBXOTQWXNB3JPDGHTPUFXUZQTSE1BQY1TSEEYMWC1BBXOT MTZWFZDC0xjtjtjtjtjtjtjtjmkzhd3M0X3JLCXVLC3QMWC1BBXOTRGF0ZT0MDI0MDQYM1QWMJA1MDRAJLGTQW16CGLYZXM9MZAW16LVNPZ25HDHVYZT1MO DQ5N2VMYJYYYYYTIMTI3YZLHNZE5MDBJNZLMNJGYNWQ2NZC3ODRMZTYZWN L9PZD0WJMTLEV9PZD0WJNJLCG9FAWQ9MCJ9.KFECFQFJN7EZIGCWLTY85CACLLO4KXLPSBTABVV9W))

First execute pnpm install to install dependencies

[LKCheng]

pnpm install 已经执行，还是报上面错误

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

pnpm install has been executed, but the above error is still reported

[kenekai]

已经执行了pnpm install，再执行 pnpm -F @opentiny/tiny-engine-dsl-vue build 仍然报错。
为避免操作失误，删除项目，重新clone了develop分支，执行pnpm install，pnpm -F @opentiny/tiny-engine-dsl-vue build仍然报错。
@chilingling

[chilingling]

如果是新项目，依次执行：

pnpm install
pnpm build:plugin

@kenekai @kenekai

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

If it is a new project, execute in sequence:

pnpm install
pnpm build:plugin

@kenekai @kenekai

[chilingling]

该问题的具体原因是：

• 新合入代码中， vue-generator 的 prettier 代码格式化依赖了 @opentiny/tiny-engine-controller 中的配置。
  

• 如果 controller 没有进行编译，就执行 pnpm -F @opentiny/tiny-engine-dsl-vue build 编译 vue-generator，会导致报错。

[Issues-translate-bot]

Bot detected the issue body's language is not English, translate it automatically.

---

The specific cause of this problem is:

• In the newly merged code, the prettier code formatting of vue-generator relies on the configuration in @opentiny/tiny-engine-controller.
  

• If the controller has not been compiled, executing pnpm -F @opentiny/tiny-engine-dsl-vue build to compile vue-generator will result in an error.