运行编译过程时出现的问题

Question

描述：

执行 npm run dev 命令时，Laravel 抛出以下错误：

./resources/js/app.js 6:11-43 中的错误找不到模块：错误：无法 解析 'C:\xampp\htdocs\inertia-pos 中的 './Pages' 资源\js'

webpack 编译时出现 1 个错误

其他信息

• InertiaJS版本：0.11.0

• Inertia-vue3版本：0.6.0

• Vue版本：3.2.29

我是新手，我正在构建一个基于 Laravel 的网络收银应用程序。我被这个错误困住了。有关如何修复它的任何提示吗？

Answer 1

检查目录结构：

确保目录名称正确拼写为 Pages（大写“P”）。文件系统在某些操作系统上区分大小写。

在您的 app.js 文件中，验证您是否正确地从 Pages 目录导入。您的导入语句应如下所示：

import ExamplePage from './Pages/ExamplePage.vue';

确保Pages目录下至少有一个Vue组件。如果为空或缺失，则需要创建一个 Vue 组件文件。

清除缓存

npm run dev

如果您使用 Laravel Mix，请检查您的 webpack.mix.js 文件以确保其设置正确以处理 .vue 文件。你应该有这样的东西：

mix.js('resources/js/app.js', 'public/js')
   .vue();