Laravel 在项目中混合导入节点模块答案

【问题标题】：Laravel mix import node module in projectLaravel 在项目中混合导入节点模块
【发布时间】：2021-07-14 12:31:13
【问题描述】：

我正在尝试在公共文件夹中创建的自定义模块中导入节点模块。

我在 webpack.mix.js 中做什么

mix.js('resources/js/app.js', 'public/js')
    .vue()
    .sass('resources/sass/app.scss', 'public/css')
    .js('node_modules/normalize-wheel', 'public/assets')
    .version();

在脚本文件中

import NormalizeWheel from '../normalize-wheel.js'

我遇到的错误

Uncaught SyntaxError: The requested module '../normalize-wheel.js' does not provide an export named 'default'

如何使用 laravel mix 从 node_modules 文件夹正确导入？

【问题讨论】：

标签： laravel webpack laravel-mix

【解决方案1】：

对于和我有相同问题/问题的任何人，我找到了一个简单的解决方案。

在你的 app.js 文件中做

window.NormalizeWheel = require('normalize-wheel');

通过 Laravel 的 Webpack Mix 捆绑在一个文件 /public/js/app.js 中，可以附加到任何地方。

【讨论】：