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

Question

我正在使用React 16.4.2构建应用程序，不幸的是，安装Bootstrap 4（通过npm: np install bootstrap）后出现了以下错误消息：

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;

顺便说一下，我只有两个组成部分：标题和联系。

有什么想法吗？

谢谢。

Answer 1

看来您的style-loader安装已损坏。如果仅删除依赖项并从头开始安装它们，则很有可能会解决。

rm -rf ./node_modules && npm install