为什么我在添加节点包和使用 webpack 编译时会出现一些依赖错误？答案

【问题标题】：Why do I get some dependency errors when adding node packages and compile with webpack?为什么我在添加节点包和使用 webpack 编译时会出现一些依赖错误？
【发布时间】：2017-02-23 15:44:04
【问题描述】：

我对 webpack 很陌生，但我很喜欢它。似乎弹出的一件事是来自其他包的依赖错误。例如，我刚刚将 @vimeo/player 添加到一个项目中，当我的项目在 webpack 中编译时，它抛出了这个错误：

 ERROR  Failed to compile with 1 errors

This dependency was not found in node_modules:

* jquery

我在 vimeo package.json 中看到他们将 jQuery 作为开发依赖项，但是我并没有尝试构建他们的包，只需在他们的 dist 中使用他们已经编译的 js。谁能解释一下我为什么一直遇到这个问题？

【问题讨论】：

使用npm install jquery --save

标签： javascript webpack

【解决方案1】：

vimeo 编译的 js 依赖指向 node_modules。

例如： import jquery from 'jquery';

如果 node_module 中没有 jquery 模块，则会引发错误。

同样在 vimeo 编译的 js 中使用依赖项。您必须安装这些依赖项。

因为 webpack 将所有的 js 文件都创建为模块。

所以使用npm install jquery -save

【讨论】：

好吧，我明白了……所以即使我想使用他们已经编译好的 js，如果遇到依赖问题，我仍然必须进入他们的项目并运行 npm install。

【解决方案2】：

而不是使用（可能你有）：

import vimeo from 'vimeo';

根据需要使用 dist 构建：

import vimeo from 'vimeo/dist/player'; // or player.min

【讨论】：