npm start 不运行反应项目

Question

配置对象无效。 Webpack 已使用与 API 模式不匹配的配置对象进行初始化。 - configuration.module 有一个未知的属性 'loaders'。这些属性是有效的： object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, noParse?, rules?, defaultRules?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, WrappedContextCritical?, WrappedContextRecursive?, WrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? } -> 影响正常模块的选项 (NormalModuleFactory)。 npm 错误！代码生命周期 npm 错误！错误号 1 npm 错误！ newreact@1.0.0 开始：webpack npm 错误！退出状态 1 npm 错误！ npm 错误！ newreact@1.0.0 启动脚本失败。 npm 错误！这可能不是 npm 的问题。上面可能还有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志： npm 错误！ C:\Users\Designer\AppData\Roaming\npm-cache_logs\2018-05-16T08_09_23_588Z-debug.log

Answer 1

您确实需要告诉我们您正在使用的 webpack 版本并发布您的 webpack.config.js 文件，但我会尽力提供帮助。我假设是 webpack 4。

这部分日志表明您编写 webpack.config.js 文件的方式有问题。

Webpack has been initialized using a configuration object that does not match the API schema.

这一行进一步描述了问题。

configuration.module has an unknown property 'loaders'.

然后它会告诉你哪些属性是有效的，你会看到加载器没有被列出。在 webpack 4 中，您需要使用“规则”，而不是“加载程序”。

These properties are valid: object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, noParse?, rules?, defaultRules?, unknownContextCritical?, unknownContextRecursive?, unknownContextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRecursive?, wrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? }

您的模块对象应该如下所示，所以也许take a look at this page 并将模块对象与您自己的比较。

module: {
  rules: [
    {
      test: /\.css$/,
      use: [
        { loader: 'style-loader' },
        {
          loader: 'css-loader',
          options: {
            modules: true
          }
        }
      ]
    }
  ]
}

希望对您有所帮助。