我已经在 Vue3 中创建了一个 Web 应用程序,但我似乎无法让它在运行 Tizen 5 的智能电视上运行。
我已经在我的解决方案中添加了 babel 来缓和新的 JS,但这不是问题......
我不断得到
Failed to load module script: The server responded with a non-JavaScript MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.
我的index.html没什么特别的
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/x-icon" href="./assets/favicon-vkbPXl62.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sportlink Club Info Viewer</title>
<script type="module" crossorigin src="./assets/index-BNT66VsA.js"></script>
<link rel="stylesheet" crossorigin href="./assets/index-DJZriVy7.css">
</head>
<body>
<div id="app"></div>
</body>
</html>
tizen studio 中的文件夹是这样的
根
我到处找,甚至问过ChatGPT。但我不知道为什么会发生这种情况。
在移动设备和笔记本电脑等所有其他设备上,当我使用浏览器访问 vue3 应用程序时,它可以工作,但当我使用电视浏览器时,它不能工作,当我检查日志时,mime 类型是 text/javascript
电视模拟器也工作正常,但我相信那是 Tizen 8.0。
我希望有人能帮助我。
也许它有帮助,我不知道,但这是我的 vite.config.js
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { fileURLToPath, URL } from 'url';
import { BASE_URL } from './src/config'; // Import the base URL
export default defineConfig({
base: BASE_URL,
plugins: [vue()],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)), // This sets @ to the /src folder
},
},
build: {
target: 'es2015', // Specify the JavaScript target version
minify: false,
sourcemap: true,
rollupOptions: {
output: {
manualChunks: undefined
}
}
}
});
有什么解决办法吗?
我对同样的问题非常清楚