从node_modules/@blueprintjs导入样式时显示错误"Error: Failed to find '~@blueprintjs/core/lib/css/blueprint'"

Question

我尝试从蓝图js库加载样式并按照此说明进行操作。

在文件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(： 模块构建错误：模块构建失败(来自 ./node_modules/postcss-loader/lib/index.js(：错误：找不到 @blueprintjs[/Users/EgorNikitin/todayilearned/app/javascript/src ]

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

Answer 1

我认为您需要确保已安装蓝图js

纱线添加@blueprintjs/芯

纱线添加反应反应-DOM反应-过渡组

并检查@blueprintjs文件夹是否位于节点模块文件夹中。如果已经有@blueprintjs文件夹，那就太好

了