时间戳

首页 > 解决方案 > 从 node_modules/@blueprintjs 导入样式显示错误“错误：找不到 '~@blueprintjs/core/lib/css/blueprint'”

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

问题描述

我尝试从 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_modules/postcss- loader/lib/index.js）：错误：在 [ /Users/EgorNikitin/todayilearned/app/javascript/src ] 中找不到“~@blueprintjs/core/lib/css/blueprint”

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

标签： javascriptruby-on-railsblueprintwebpacker

解决方案

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

纱线添加@blueprintjs/core

纱线添加反应反应域反应过渡组

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

推荐阅读