从 node_modules/@blueprintjs 导入样式显示错误“错误：找不到 '~@blueprintjs/core/lib/css/blueprint'”答案

【问题标题】：Importing styles from node_modules/@blueprintjs is showing error "Error: Failed to find '~@blueprintjs/core/lib/css/blueprint'"从 node_modules/@blueprintjs 导入样式显示错误“错误：找不到 '~@blueprintjs/core/lib/css/blueprint'”
【发布时间】：2018-06-21 14:45:24
【问题描述】：

我尝试从 blueprintjs 库加载样式并按照 this 的说明进行操作。

在文件 app/javascript/packs/application.js 我有这个代码：

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import '../src/index.css';
import { App } from '../src/App';
import store from '../src/stores/store';
...

在文件 app/javascript/src/index.css 我有这个：

@import '~@blueprintjs/core/lib/css/blueprint';
@import '~@blueprintjs/icons/lib/css/blueprint-icons';

但是当我运行rails webpacker:compile 时，我收到以下错误消息：

./app/javascript/src/index.css 中的错误模块构建失败（来自 ./node_modules/mini-css-extract-plugin/dist/loader.js）： ModuleBuildError：模块构建失败（来自 ./node_modules/postcss-loader/lib/index.js）：错误：找不到 '~@blueprintjs/core/lib/css/blueprint' 在 [ /Users/EgorNikitin/todayilearned/app/javascript/src]

任何帮助都会对我有所帮助！

【问题讨论】：

标签： javascript ruby-on-rails blueprint webpacker

【解决方案1】：

我认为你需要确保你安装了 blueprintjs

纱线添加@blueprintjs/core

yarn add react react-dom react-transition-group

并检查@blueprintjs 文件夹是否在节点模块文件夹中。如果已经有@blueprintjs 文件夹就好了

【讨论】：