Webpack 和 React 16：编译失败。 ./node_modules/style-loader/lib/addStyles.js答案

【问题标题】：Webpack et React 16: Failed to compile. ./node_modules/style-loader/lib/addStyles.jsWebpack 和 React 16：编译失败。 ./node_modules/style-loader/lib/addStyles.js
【发布时间】：2018-08-05 21:27:46
【问题描述】：

我正在使用 React 16.4.2 构建应用程序，不幸的是，我在安装 Bootstrap 4 后收到了此错误消息（来自 npm: np install bootstrap）： p>

Failed to compile.

./node_modules/style-loader/lib/addStyles.js

Module build failed: Error: ENOENT: no such file or directory, open 'C:\Users\open\Desktop\react-app\contactmanager\node_modules\style-loader\lib\addStyles.js'

这是我的 App.js 文件（我在其中导入引导程序）：

import React, { Component } from "react";
import Contact from "./component/Contact";
import Header from "./component/Header";

import "bootstrap/dist/css/bootstrap.min.css";
import "./App.css";

class App extends Component {
  render() {
    return (
      <div className="App">
        <Header />
        <Contact name="My Name" email="XXX@gmail.com" phone="+XXX XXX XXX" />
      </div>
    );
  }
}

export default App;

顺便说一下，我只有两个组件：Header 和 Contact。

有什么想法吗？

谢谢。

【问题讨论】：

您是否尝试过重新安装所有依赖项？ rm -rf ./node_modules && npm install
它有效。谢谢你。但我不知道为什么！！！？
太棒了！发生这种情况的原因有很多，事后很难说，但看起来您的style-loader 安装已损坏。可能是您不小心中止了安装等。

标签： javascript reactjs twitter-bootstrap webpack

【解决方案1】：

您的style-loader 安装似乎已损坏。如果您只是删除依赖项并从头开始安装它们，它很可能会得到解决。

rm -rf ./node_modules && npm install

【讨论】：

【解决方案2】：

我遇到了同样的问题，但删除 node_modules 并重新安装没有帮助。

'style-loader' 仍然丢失，我必须通过'npm install style-loader' 手动安装它，然后停止并重新启动 React 应用程序。

我使用了 create-react-app，有以下版本：

"引导程序": "^4.1.3", “反应”：“^16.6.3”， “反应域”：“^16.6.3”， “反应脚本”：“2.1.1”

【讨论】：