安装包后，Webpack无法编译错误

我正在使用Angular 4的一些样板代码，并且遇到问题。 它工作正常，直到我从npm下载另一个包。 我得到以下错误，命令ng服务不再起作用。 该项目已经安装了jquery，所以错误对我来说没有意义。 没有webpack.config.js文件，所以我添加了下面的代码。 任何帮助，将不胜感激。

webpack.config.js文件

var webpack = require('webpack'); var config = { plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) ] }; module.exports = config; 

错误

警告in ./~/jsdom/lib/jsdom/utils.js 216：21-40严重依赖关系：依赖关系的请求是一个expression式

警告在./~/jsdom/lib/jsdom/living/xmlhttprequest.js 20：23-30关键依赖关系：require函数的使用方式不能静态提取依赖关系

警告in ./~/ajv/lib/async.js 96：20-33严重依赖：依赖的请求是一个expression式

警告in ./~/ajv/lib/async.js 119：15-28严重依赖关系：依赖关系的请求是一个expression式

警告在./~/ajv/lib/compile/index.js 13：21-34关键依赖关系：依赖关系的请求是一个expression式

ERROR in ./~/jquery/lib/node-jquery.js Module not found：错误：无法parsing'E：\ WebstormProjects \ innovation-node-server-2.0 \ node_modules \ jquery \ lib'中的'xmlhttprequest' ./~/jquery/lib/node-jquery.js 8：28-53 @ ./src/lib.ts @ ./src/main.ts @ multi webpack-dev-server / client？ http：// localhost：4200 ./src/main.ts

ERROR in ./~/jquery/lib/node-jquery.js Module not found：错误：无法parsing'E：\ WebstormProjects \ innovation-node-server-2.0 \ node_modules \ jquery \ lib'中的'location' ./~/jquery/lib/node-jquery.js 13：24-43 @ ./src/lib.ts @ ./src/main.ts @ multi webpack-dev-server / client？ http：// localhost：4200 ./src/main.ts

ERROR in ./~/jquery/lib/node-jquery.js找不到模块：错误：无法parsing'E：\ WebstormProjects \ innovation-node-server-2.0 \ node_modules \ jquery \ lib'中的'navigator' ./~/jquery/lib/node-jquery.js 17：25-45 @ ./src/lib.ts @ ./src/main.ts @ multi webpack-dev-server / client？ http：// localhost：4200 ./src/main.ts

错误：./~/jsdom/lib/jsdom/living/xmlhttprequest.js模块未find：错误：无法parsing'E：\ WebstormProjects \ innovation-node-server-2.0 \ node_modules \ jsdom \ lib中的'child_process' \ jsdom \ living'@ ./~/jsdom/lib/jsdom/living/xmlhttprequest.js 4：18-42 @ ./~/jsdom/lib/jsdom/browser/Window.js @ ./~/jsdom/lib /jsdom.js @ ./~/jquery/lib/node-jquery.js @ ./src/lib.ts @ ./src/main.ts @ multi webpack-dev-server / client？ http：// localhost：4200 ./src/main.ts webpack：无法编译。

Answer 1

Angular Cli在内部使用包并安装它们，所以你不会在package.json文件中看到它们，所以删除你的wepbackconfiguration文件。 如果你想完全控制软件包使用popup，你会看到webpackconfiguration文件，但你会松开ng –any命令。 并重新检查如何将jquery添加到您的项目。