Laravel VueJs Vite：无法解析源以进行导入分析，因为内容包含无效的 JS 语法。安装@vitejs/plugin-vue来处理？

Question

我vite 在我的laravel项目中使用，但是当我运行时npm run build显示语法错误，并且语法听起来正确。

- 我的组件

- 我的 vite.config.js

- 我看到的错误

larave ^9.19
vue ^3.2.30
vite ^3.0.0

我该如何解决这个问题？并提前致谢。

Answer 1

这可能对像我这样的未来贵族有帮助。我在 Fresh Laravel 9 和惯性 JS 中也遇到了同样的问题。我已经尝试了所有解决方案，这对我有用。

npm i @vitejs/plugin-vue

打开 vite.config.js 并在 Laravel 之前编写 vue() 函数

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue"; //add this line
import laravel from "laravel-vite-plugin";

export default defineConfig({
    plugins: [
        vue(), // write this
        laravel({
            input: ["resources/css/app.css", "resources/js/app.js"],
            refresh: true,
        }),
    ],
});

然后

npm run dev

希望它会有所帮助。