jquery项目改成vue+vite项目报错

[GaryMK]

项目原来是jquery的，在改成vue项目后报错，本人新入vue，求大佬指教，感谢！

npm run dev 以后有如下问题，但是页面能正常显示

npm run build 以后有如下问题，但是页面直接空白

以下是涉及的一些源码

`
// index.html

<title>Test</title>

  <!-- jQuery -->
  <script type="module"  src="src/assets/js/jquery-3.2.1.min.js"></script>
  <script type="module"  src="src/assets/js/jquery-migrate-3.0.0.min.js"></script>
  <!-- Plugins -->
  <script type="module"  src="src/assets/js/popper.min.js"></script>
  <script type="module"  src="src/assets/js/bootstrap.min.js"></script>
  <script type="module"  src="src/assets/js/owl.carousel.min.js"></script>
  <script type="module"  src="src/assets/js/jquery.magnific-popup.min.js"></script>
  <script type="module"  src="src/assets/js/particles.min.js"></script>
  <script type="module"  src="src/assets/js/particles-app.js"></script>
  <!-- custom -->
  <script type="module"  src="src/assets/js/custom.js"></script>

<script type="module" src="/src/main.js"></script> `

`
// vite.config.js
import { fileURLToPath, URL } from 'node:url'

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

// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
}
})

`

js库的路径是这样的

[chenxch]

先确认你自己写的script标签上的资源是否是esm模式，不是的话删除type="module"