javascript - Webpack 和 React 16 : Failed to compile. ./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 文件(我在其中导入 Bootstrap ):

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