Накидал простую форму, сбилдил в client_packages/CEF, через http-server отображается всё корректно, но в игре ничего не отображается (если использовать browser = mp.browsers.new("http://127.0.0.1:8080") - то отображается), скрипт загружается, отладочное "Создание браузера" в консоли имеется.
В CEF remote debugging адрес отображается верно: packages://CEF/index.html, но если зайти в него DOM пустой (теги head и body пусты)
Структура client_packages:
Server\client_packages\CEF\client.js:
Server\client_packages\CEF\index.html:
Пробовал вручную менять в index.html пути к скрипту и css на "packages://assets..." не помогает
Собираю через Vite
web\vite.config.js:
В CEF remote debugging адрес отображается верно: packages://CEF/index.html, но если зайти в него DOM пустой (теги head и body пусты)
Структура client_packages:
Markdown (GitHub flavored):
```
└── 📁client_packages
└── .listcache
└── 📁CEF
└── 📁assets
└── bg-l-CqQvVu6Y.png
└── index-BuzEuQZQ.css
└── index-fXmsVpr3.js
└── client.js
└── favicon.ico
└── index.html
└── index.js
```Server\client_packages\CEF\client.js:
JavaScript:
let browser = null;
mp.console.clear();
mp.events.add("showBrowser", () => {
if (browser == null) {
mp.console.logInfo("Создание браузера");
try {
// browser = mp.browsers.new("http://127.0.0.1:8080"); // Работает
browser = mp.browsers.new("packages://CEF/index.html"); // Ничего
mp.gui.cursor.show(true, true);
} catch (error) {
mp.console.logError(`Ошибка при создании браузера: ${error.message}`);
}
}
});Server\client_packages\CEF\index.html:
HTML:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="./favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
<script type="module" crossorigin src="./assets/index-fXmsVpr3.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-BuzEuQZQ.css">
</head>
<body>
<div id="app"></div>
</body>
</html>Пробовал вручную менять в index.html пути к скрипту и css на "packages://assets..." не помогает
Собираю через Vite
web\vite.config.js:
JavaScript:
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
base: './',
plugins: [vue()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},
build: {
outDir: '../Server/client_packages/CEF',
emptyOutDir: true
}
})