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   关键依赖：要求函数以某种方式使用   依赖关系无法静态提取
     警告在./~/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找不到模块：错误：无法解决   解决＆＃39; xmlhttprequest＆＃39;在   ＆＃39; E：\ WebstormProjects \创新节点 - 服务器 - 2.0 \ node_modules \ jquery的\ lib中＆＃39;   @ ./~/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
     错误在./~/jquery/lib/node-jquery.js找不到模块：错误：无法解决   解决问题＆＃39; location＆＃39;在   ＆＃39; E：\ WebstormProjects \创新节点 - 服务器 - 2.0 \ node_modules \ jquery的\ lib中＆＃39;   @ ./~/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
     错误在./~/jquery/lib/node-jquery.js找不到模块：错误：无法解决   解决＆＃39; navigator＆＃39;在   ＆＃39; E：\ WebstormProjects \创新节点 - 服务器 - 2.0 \ node_modules \ jquery的\ lib中＆＃39;   @ ./~/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模块没有   发现：错误：无法解决＆＃39; child_process＆＃39;在   ＆＃39; E：\ WebstormProjects \创新节点 - 服务器 - 2.0 \ node_modules \ jsdom \ lib中\ jsdom \活＆＃39;   @ ./~/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文件中看到它们，因此请删除您的wepback配置文件。如果你想完全控制包使用ng弹出，你会看到webpack配置文件，但你将松开ng --any命令。并重新检查如何将jquery添加到项目中。

安装包

1 个答案: