Webpack安装软件包后无法编译错误

Question

我正在为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;

错误

./~/jsdom/lib/jsdom/utils.js中的警告216：21-40关键依赖项：依赖项的请求是一个表达式

./~/jsdom/lib/jsdom/living/xmlhttprequest.js中的警告20：23-30关键依赖项：require函数以无法静态提取依赖项的方式使用

./~/ajv/lib/async.js中的警告96：20-33关键依赖项：依赖项的请求是一个表达式

./~/ajv/lib/async.js中的警告119：15-28关键依赖项：依赖项的请求是一个表达式

./~/ajv/lib/compile/index.js中的警告13：21-34关键依赖项：依赖项的请求是一个表达式

找不到./~/jquery/lib/node-jquery.js模块中的错误：错误：无法解析'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 @多webpack-dev-server / client？ http：// localhost：4200 ./src/main.ts

./~/jquery/lib/node-jquery.js中找不到错误模块：错误：无法解析'E：\\ WebstormProjects \\ innovation-node-server-2.0 \\ node_modules \\ jquery \\ lib'@中的“位置” ./~/jquery/lib/node-jquery.js 13：24-43 @ ./src/lib.ts @ ./src/main.ts @多webpack-dev-server / client？ http：// localhost：4200 ./src/main.ts

找不到./~/jquery/lib/node-jquery.js模块中的错误：错误：无法解析'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 @多webpack-dev-server / client？ http：// localhost：4200 ./src/main.ts

找不到./~/jsdom/lib/jsdom/living/xmlhttprequest.js模块中的错误：错误：无法解析'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 @多webpack-dev-server / client？ http：// localhost：4200 ./src/main.ts webpack：编译失败。

Answer 1

Angular cli在内部使用软件包并进行安装，因此您不会在package.json文件中看到它们，因此请删除您的wepback配置文件。 如果您想完全控制软件包，请使用ng弹出，您将看到webpack配置文件，但是您会松开ng --any命令。 并重新检查如何将jquery添加到项目中。