Javascript Laravel混合编译-未找到类

在从Laravel 5.3迁移到5.4之后，我正在努力迁移到webpack

它编译得很好，但是加载页面时总是显示出来

app.a711192…js:125未捕获引用错误：未定义布局 在HTMLDocument。（附录a711192….js:125） at i（供应商19cd2ff….js:2） 在Object.fireWith[as resolveWith]（供应商19cd2ff….js:2） 在Function.ready（供应商19cd2ff….js:2） 在HTMLDocument.J（vendor.19cd2ff….js:2）

我已经粘贴了已编译的app.js，它看起来像是在编译

Layout

，但是我不确定它为什么没有正确加载它

webpack.mix.js

app.js

main.js

layout.js

---

我已经很久没有使用require了，所以我已经生锈了，但我觉得你用require是错误的

没有什么建议

在main.js中尝试

require（'./layout.js'）

即使这样，我还是觉得你需要将需求存储为一个值。。因此，如果我的第一个建议失败，请尝试：

let layout=require（'./layout.js'）而不是
新布局（）

如果失败了（或没有失败），请仔细阅读如何做，因为现在事情就是这样做的

---

我已经很久没有使用require了，所以我已经生锈了，但我觉得你用require是错误的

没有什么建议

在main.js中尝试

require（'./layout.js'）

即使这样，我还是觉得你需要将需求存储为一个值。。因此，如果我的第一个建议失败，请尝试：

let layout=require（'./layout.js'）而不是
新布局（）

如果失败了（或没有失败），请仔细阅读如何做，因为现在事情就是这样做的

---

我最终通过将以下内容添加到

Layout.js

module.exports = Layout;

然后通过添加到

app.js

import * as _layout from './Layout';

const Layout = new _layout();

---

我最终通过将以下内容添加到

Layout.js

module.exports = Layout;

然后通过添加到

app.js

import * as _layout from './Layout';

const Layout = new _layout();

module.exports = Layout;

import * as _layout from './Layout';

const Layout = new _layout();