Question

webpack.config.js

var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var MiniCssExtractPlugin = require('mini-css-extract-plugin');
var helpers = require('./helpers');

module.exports = {
  entry: {
    'polyfills': './src/polyfills.ts',
    'vendor': './src/vendor.ts',
    'app': './src/main.ts' 
  },

  resolve: {
    extensions: ['.ts', '.js']
  },

  module: {
    rules: [
      {
        test: /\.ts$/,
        loaders: [
          {
            loader: 'awesome-typescript-loader',
            options: { configFileName: helpers.root('src', 'tsconfig.json') }
          } , 'angular2-template-loader'
        ]
      },
      {
        test: /\.html$/,
        loader: 'html-loader'
      },
      {
        test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
        loader: [
          'file-loader?name=/images/[name].[ext]',
          'image-webpack-loader'
        ]
      },
      {
        test: /\.css$/,
        exclude: helpers.root('src', 'app'),
        use: [
          MiniCssExtractPlugin.loader,
          { loader: 'css-loader', options: { url: false, sourceMap: true } }
      ],
      },
      {
        test: /\.css$/,
        include: helpers.root('src', 'app'),
        loader: 'raw-loader'
      }
    ],
    exprContextCritical: false
  },

  optimization: { 
    runtimeChunk: 'single', 
    splitChunks: { 
      chunks: 'all', 
      cacheGroups: { 
        default: { 
          enforce: true, 
          priority: 1 
        }, 
        vendors: { 
          test: /[\\/]node_modules[\\/]/, 
          priority: 2, 
          name: 'vendors', 
          enforce: true, 
          chunks: 'all' 
        },
      } 
    } 
  },

  plugins: [
    // Workaround for angular/angular#11580
    new webpack.ContextReplacementPlugin(
      // The (\\|\/) piece accounts for path separators in *nix and Windows
      /angular(\\|\/)core(\\|\/)@angular/,
      helpers.root('./src'), // location of your src
      {} // a map of your routes
    ),

    // new webpack.optimize.CommonsChunkPlugin({
    //   name: ['app', 'vendor', 'polyfills']
    // }),

    new HtmlWebpackPlugin({
      template: 'src/index.html'
    })
  ]
};

package.json

"scripts": {
    "dev": "webpack-dev-server --config config/webpack.dev.js --inline --progress --port 8080",
    "build": "rimraf dist && webpack --config config/webpack.prod.js --progress --profile --colors"
}

但是，当我运行命令npm run dev时，

输出：

ℹwds｣：项目正在http://localhost:8080/运行｢wds｣：Webpack输出从/提供｢wds｣：来自/ home / dev412 / git repos / ng7-的非Webpack内容 passwordindicator-client / config / dist ｢wdm｣：34个模块

在输入模块中找不到错误：错误：无法解析'awesome-typescript- / home / dev412 / git repos / ng7-passwordindicator-client'中的loader

多（webpack）-dev-server / client中出现错误？http://localhost:8080 ./src/polyfills.ts 找不到模块：错误：无法解析“ awesome-typescript-loader” '/ home / dev412 / git repos / ng7-passwordindicator-client'

多（webpack）-dev-server / client中出现错误？http://localhost:8080 ./src/vendor.ts 找不到模块：错误：无法解析“ awesome-typescript-loader” '/ home / dev412 / git repos / ng7-passwordindicator-client'

多（webpack）-dev-server / client中出现错误？http://localhost:8080 ./src/main.ts 找不到模块：错误：无法解析“ awesome-typescript-loader” '/ home / dev412 / git repos / ng7-passwordindicator-client'

错误，错误：子编译失败：找不到入口模块：错误：无法解析“ html-loader” '/ home / dev412 / gi t repos / ng7-passwordindicator-client'：错误：无法解析'/ home / dev412 / git repos / ng7-中的'html-loader' passwordindi cator-client'

- compiler.js:79 childCompiler.runAsChild
  [ng7-passwordindicator-client]/[html-webpack-plugin]/lib/compiler.js:79:16

- Compiler.js:343 compile
  [ng7-passwordindicator-client]/[webpack]/lib/Compiler.js:343:11

- Compiler.js:671 hooks.afterCompile.callAsync.err
  [ng7-passwordindicator-client]/[webpack]/lib/Compiler.js:671:15


- Hook.js:154 AsyncSeriesHook.lazyCompileHook
  [ng7-passwordindicator-client]/[tapable]/lib/Hook.js:154:20

- Compiler.js:668 compilation.seal.err
  [ng7-passwordindicator-client]/[webpack]/lib/Compiler.js:668:31


- Hook.js:154 AsyncSeriesHook.lazyCompileHook
  [ng7-passwordindicator-client]/[tapable]/lib/Hook.js:154:20

- Compilation.js:1385 hooks.optimizeAssets.callAsync.err
  [ng7-passwordindicator-client]/[webpack]/lib/Compilation.js:1385:35

ℹwdm｣：编译失败。

我正在尝试通过互联网找到解决此问题的方法。但是我不能。

我无法获取内容。而且我无法修复此错误。谁可以帮助我？

Webpack错误：来自“ some_folder”的不是来自Webpack的内容。我该如何解决？

webpack.config.js

package.json

输出：

0 个答案: