Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack svg sprite加载程序,带有Angular 8自定义网页包配置_Webpack_Angular8_Svg Sprite - Fatal编程技术网

Webpack svg sprite加载程序,带有Angular 8自定义网页包配置

Webpack svg sprite加载程序,带有Angular 8自定义网页包配置,webpack,angular8,svg-sprite,Webpack,Angular8,Svg Sprite,我正在尝试使用svg sprite loader包(创建svg sprite)和使用自定义网页配置的Angular 8项目 我正在使用以下自定义配置: const SpriteLoaderPlugin = require('svg-sprite-loader/plugin'); module.exports = { module: { rules: [ { test: /\.(svg)$/,

我正在尝试使用svg sprite loader包(创建svg sprite)和使用自定义网页配置的Angular 8项目

我正在使用以下自定义配置:

const SpriteLoaderPlugin = require('svg-sprite-loader/plugin');

module.exports = {
    module: {
        rules: [
            {
                test: /\.(svg)$/,
                loader: 'svg-sprite-loader',
                options: {
                    spriteFilename: './src/assets/svg/combinedicons.svg',
                    runtimeCompat: true,
                },
            },
        ],
    },
    plugins: [
        new SpriteLoaderPlugin({
        plainSprite: true,
        }),
    ],
};
运行ng build时出现以下错误:

找不到模块“webpack/package.json” 错误:找不到模块“webpack/package.json”


我无法确定问题出在哪里,是我的配置还是软件包本身。

您可能需要通过
npm I-D Webpack将Webpack作为显式依赖项安装

或者您可能安装了两个不同版本的Webpack

运行npm ls网页

您应该看到如下内容:

user$ npm ls webpack
@my-app /Users/user/my-app
├─┬ @angular-devkit/build-angular@0.13.9
│ └── webpack@4.29.0  deduped
└── webpack@4.29.0
如果您有不同版本的webpack,请尝试npm安装与
@angular devkit/build angular
依赖项相匹配的webpack版本

如果全局安装了CLI,那么还需要检查是否全局安装了多个版本的Webpack


我相信您可以运行
npm ls-g webpack

您可能需要通过
npm I-D webpack
将webpack作为显式依赖项安装

或者您可能安装了两个不同版本的Webpack

运行npm ls网页

您应该看到如下内容:

user$ npm ls webpack
@my-app /Users/user/my-app
├─┬ @angular-devkit/build-angular@0.13.9
│ └── webpack@4.29.0  deduped
└── webpack@4.29.0
如果您有不同版本的webpack,请尝试npm安装与
@angular devkit/build angular
依赖项相匹配的webpack版本

如果全局安装了CLI,那么还需要检查是否全局安装了多个版本的Webpack

我相信你可以运行
npmls-gwebpack