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

AyakawaShinji · 2021年01月25日 · 最后由 gaolingyi 回复于 2021年02月04日 · 775 次阅读

新手一枚，之前引用 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 #1 2021年01月25日

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

AyakawaShinji #2 2021年01月25日

对

ken 回复

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

ken #3 2021年01月25日

对

AyakawaShinji 回复

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

AyakawaShinji #4 2021年01月25日

更新一下报错 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

是字体文件加载有问题？