访问被拒绝，你可能没有权限或未登录。

Rails 求助如何在 webpacker 中引入 layui.css

AyakawaShinji · January 25, 2021 · Last by gaolingyi replied at February 04, 2021 · 808 hits

新手一枚，之前引用 js 都是直接下载文件放入文件夹中引用，想学着用 webpacker 进行管理。成功的在

app/javascripts/packs/xxx.js

中引入了 layui.js，在网上查了查，在 stackoverFlow 上找到以下的帖子：

https://stackoverflow.com/questions/58506351/webpacker-throws-application-css-not-found-in-manifest-json-in-rails-6-applica

但是根据他的引入，我在

app/javascript/packs/stylesheets/application.scss

中写入

@import "layui-scr/src/css/layui.css"

但是引入还是没有成功，求大佬解答引入第三方 css 的正确姿势。

ken #0 January 25, 2021

我尝试用 yarn add layui，发现版本还是 0.0.1，还是 2016 年创建的版本。

AyakawaShinji #1 January 25, 2021

Reply to

ken

我用的是 npm install layui-src，里面的是 2.7 版本的 layui。

ken #2 January 25, 2021

Reply to

AyakawaShinji

抱歉，这个我也不是很会。

AyakawaShinji #3 January 25, 2021

更新一下报错 webpacker 的报错。。感觉是不是是 layui 有问题


ERROR in ./app/javascript/packs/stylesheets/application.scss (./node_modules/css-loader/dist/cjs.js??ref--3-1!./node_modules/postcss-loader/src??ref--3-2!./node_modules/sass-loader/dist/cjs.js??ref--3-3!./app/javascript/packs/stylesheets/application.scss)
Module not found: Error: Can't resolve '../font/iconfont.eot?v=256' in '/Users/ayakawashinji/Documents/webpackerapp/app/javascript/packs/stylesheets'
 @ ./app/javascript/packs/stylesheets/application.scss (./node_modules/css-loader/dist/cjs.js??ref--3-1!./node_modules/postcss-loader/src??ref--3-2!./node_modules/sass-loader/dist/cjs.js??ref--3-3!./app/javascript/packs/stylesheets/application.scss) 4:36-73
 @ ./app/javascript/packs/stylesheets/application.scss

是字体文件加载有问题？