控制台中Vite main.js文件未找到错误

Question

我尝试为在 ddev docker 上运行的typo3 网站设置 vite。 “npm run dev”和“npm run build”在控制台中工作正常。

[npm 运行构建] ()

[npm 运行开发] ()

输出也正确保存在 Public/Vite/

不幸的是我的main.js找不到。

vite.config.js

export const config = {
    target: 'es6',
    outDir: 'packages/colin_frontend/Resources/Public/Vite/',
    entry: 'src/js/main.js',
    watchIncludes: './src/**/**/**/.js',

    stylelint: {
        include: ['./src/scss/**/*.scss'],
        exclude: [
            /node_modules/,
        ],
    },
};

export const DDEV_HMR_PORT = 5173;

vite.website.js

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
  resolve: { alias: { '@': '/src' } },
  plugins: [
    vue(),
  ],
  server: {
    host: '0.0.0.0',
    watch: {
      usePolling: true
  }
  },
  publicDir: false,
  build: {
    rollupOptions: {
      input: 'src/js/main.js', // overwrite default .html entry
    },
    manifest: true, // generate manifest.json in outDir
    outDir: 'packages/colin_frontend/Resources/Public/Vite/', // ⚠️ `pnpm build` purges outDir
  },
  css: {
    devSourcemap: true, // disabled by default because of performance reasons
  }
})

我真的不知道问题出在哪里。希望你能帮我。 谢谢。

Answer 1

有一篇很酷的 ddev 文章，也许这有帮助：https://ddev.com/blog/working-with-vite-in-ddev/