从node_node/@blueprintjs导入样式显示错误" error :未能找到‘~@blueprintjs/core/lib/css/蓝图’“

Question

我试着从blueprintjs库加载样式，并遵循这指令。

在文件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_ModuleBuildError/postcss-加载程序/lib/index.js)：错误:未能在/Users/EgorNikitin/todayilearned/app/javascript/src中找到‘~@blueprintjs/core/lib/css/ModuleBuildError’

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

Answer 1

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

纱线添加@blueprintjs/core 纱线添加反应反应-反应-过渡基团

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