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

Answer 2

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

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

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

“ bootstrap”：“ ^ 4.1.3”， “ react”：“ ^ 16.6.3”， “ react-dom”：“ ^ 16.6.3”， “反应脚本”：“ 2.1.1”

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

2 个答案: