Tizen OS 5 上的 Vue3 应用程序返回 Mime 类型错误

问题描述 投票:0回答:1

我已经在 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 中的文件夹是这样的

  • 资产文件夹
    • 索引-BNT66VsA.js
    • 索引-DJZriVy7.css
    • favicon-vkbPXl62.ico
    • 使用更多图像...
  • index.html
  • 配置.xml
  • 图标.png

我到处找,甚至问过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
      }
    }
  }
});

vuejs3 tizen tizen-web-app
1个回答
0
投票

有什么解决办法吗?

我对同样的问题非常清楚

© www.soinside.com 2019 - 2024. All rights reserved.