-
3 votesanswersviews
vue-test-utils设置获取TypeError:无法在字符串上创建属性'_Ctor'
我一直在关注this guide和this guide,使用webpacker在Rails 5.1上使用vue-test-utils和vue 2设置jest测试 . 我能够在没有vue组件的情况下运行基本测试但是尝试安装vue组件会导致错误: TypeError: Cannot create property '_Ctor' on string 'PostAddress' 7 | ... -
1 votesanswersviews
如何使用带有webpacker的把手
我有一个rails 5.1 app,它使用了webpacker gem . 我的package.json文件如下: { "dependencies": { "@rails/webpacker": "^3.0.1", "handlebars": "^4.0.10", &qu... -
0 votesanswersviews
Rails Webpacker内部资产未代理到action_controller.asset_host
我正在使用Rails 5.1和Webpacker . 一切正常 . 我正在/ app / javascripts / images中的反应组件中使用图像,我将它们很好地导入到我的组件中,并且一切都在开发中 . 但是 - 当我部署时,内部映像现在直接从我的站点url提供(使用他们的webpacker编译路径,但问题是我已经设置了我的 生产环境 环境以使用asset_host - 所以Rails正确... -
3 votesanswersviews
如何使用Webpacker将`includePaths`添加到Sass加载器
我重写了sass-loader配置以包含node_modules路径: // config/webpack/environment.js const { environment } = require('@rails/webpacker') environment.loaders.prepend('sass', { test: /\.(css|scss|sass)$/, use... -
1 votesanswersviews
Rails Webpacker:rails-erb-loader无法解析.html.erb
我尝试使用rails-erb-loader . 在我的home.component.ts import templateString from './home.component.html'; 我有一个home.component.html.erb <div class="row">...</div> 我还有一个由rake webpacker生成的a... -
1 votesanswersviews
在webpacker中使用引导自定义变量文件
我正在尝试使用webpacker和bootstrap将我的自定义引导变量应用于rails应用程序 . rails new testapp --webpack cd testapp yarn add bootstrap 在我的app / javascript / packs文件夹中 _custom.scss application.js vendor.scss application... -
3 votesanswersviews
在ruby上的Webpacker和Asset管道
我正在使用 webpacker gem和 rails .当我们在 app/assets/stylesheets 和 app/javascripts/packs/frontend 中有样式表时,它将如何发挥作用 .它会生成两个不同的缩小文件吗?一个来自 webpacker ,另一个来自 assets pipeline . 如果是,我可以合并两者以最终生成一个文件吗? 如果没有,它们如何解决需要... -
0 votesanswersviews
在Webpacker中发布CSS
我已经将Webpacker安装到我的Rails应用程序中 . 我试图编译它,但它抱怨Post CSS . 我不使用Post CSS . 21:01:18 webpack.1 |模块构建失败:ModuleBuildError:模块构建失败:错误:找不到PostCSS配置:/vagrant/.postcssrc.yml 21:01:18 webpack.1 |错误在./node_modules/cs... -
1 votesanswersviews
在vue组件rails webpack中使用变量scss资产
我在application.scss中有这个代码 $color-red: #FF0000; $dark-gray: #4a4a4a; $bg-gray: #f4f5f7; $primary_color: #26d2bf; 我如何在我的vue组件中使用这些变量? 我在webpacker.yml中添加了这个 resolved_paths: ['app/assets/stylesheets'] 在我... -
1 votesanswersviews
Webpacker重构后,React组件无法渲染
我正试图从react-rails转移到我的Rails 5.1.3应用程序的webpacker - 并且正在使用webpacker-react gem . 一切似乎都正常加载(没有错误),但React组件本身不会呈现 . 在application.js中 import WebpackerReact from 'webpacker-react' import UserSchedule from 'c... -
1 votesanswersviews
我们应该在使用rails webpacker时将manifest.json文件提交到git repo吗?
我正在使用webpacker在Rails上安装React . 我面临的问题是临时环境 . Your webpack configuration is not creating a manifest. Your manifest contains: { } 我们是否需要推送位于 public/packs 的本地manifest.json文件?我想它应该存在,因为rails预编译了资产 . 另外we... -
0 votesanswersviews
AWS OpsWorks使用Rails 5.1和Webpacker
我最近将webpacker gem添加到我的Rails 5.1应用程序中,并使用它与Yarn一起构建并在我的rails应用程序中提供React功能 . 我试图在亚马逊opsworks上部署它并遇到一些麻烦 . 我不知道如何挂钩部署过程来安装Nodejs,Yarn,并运行 yarn install 来下载js依赖项 . 我似乎无法弄清楚如何在运行 rake assets:precompile 时访问... -
0 votesanswersviews
Webpack 3 Rails - sass-loader网址问题
@import '~bootswatch/dist/flatly/_variables.scss'; @import '~bootstrap/scss/bootstrap'; @import '~bootswatch/dist/flatly/_bootswatch'; @import 'assessments'; @import 'main'; 这就是我的application.scss的样子 ... -
0 votesanswersviews
Rails 5.1 Webpacker - 通过yarn添加了moment.js - 如何在旧资产JS中使用包
我是webpacker和yarn的新手 . 我成功安装了包: 纱线添加时刻 EDIT2: 这是我的导入 # app/javascript/packs/application.js import moment from 'moment/moment' import 'moment/locale/de-ch' Problem: I can't use the "moment"... -
1 votesanswersviews
如何在js erb模板中使用rails webpack加载js
我在rails 5.0应用程序中使用webpacker gem,但我可以__97973_ m命中验证错误 . 我在这里违反了一些简单的前提,但找不到答案,也没有编译或控制台错误 . 我的application.html.erb中有 <%= javascript_pack_tag 'application' %> 这是设置: 应用程序/ JavaScript的/包/ applicatio... -
0 votesanswersviews
Rails 5.1 webpacker无法解析模块'fs'
我是使用带有webpacker gem的rails 5.1的新手,并在尝试配置我的环境以使用bpmn-js库时解决了这个问题 . 我尝试安装'fs',但它不起作用 . 我读过关于在其他框架上更改模块导出配置的内容,但是在rails环境中文件似乎有点不同,我不知道该怎么做 . 这些是我的文件: package.json { "dependencies": { &quo... -
3 votesanswersviews
Rails 5.1 webpacker“导入”一个.js.erb文件?
从 app/javascript/packs/application.js 我正在尝试 import "../foo" 文件是 foo.js.erb . Webpacker和yarn适用于application.js中的其他导入,例如 import "../bar" ,当该文件是 bar.js 但是如果我尝试使用 .js.erb 文件,我从webpack... -
3 votesanswersviews
如何配置webpacker以使用手写笔,以便我可以使用Vuetify?
我有webpacker工作基本的vue.js / rails应用程序,但我想配置它所以stylus文件编译为CSS,所以我可以使用Vuetify . 有谁知道如何做到这一点?我现有的独立工作站vuetify / vue.js应用程序具有以下webpack配置: module: { loaders: [ { test: /\.vue$/, loader: 'vue' }, ... -
0 votesanswersviews
webpack-dev-server重新呈现页面或在axios POST后重定向
我在docker容器中的rails5.2 webpacker vuejs中有一个应用程序 . 问题是,在做了 axios.put(this.baseUrl + '.json', obj) 之后重定向或重新编辑页面(这里不太确定),什么时候不应该这样做 . 在代码中,它比用文字解释更容易看到 . app / controllers / positions_controller.rb class Po... -
2 votesanswersviews
如何将供应商资产导入webpacker?
我在供应商/样式表和供应商/ javascript目录中添加了一些javascript和css库 . 我无法在我的app / javascript / packs / application.js中导入这些内容 . 我使用webpacker作为我的资产管道 . -
0 votesanswersviews
包含没有erb加载器的资产
我有一个配置好的webpacker应用程序,并且一些样式和js脚本放在gem中 . 我可以通过以下方式将它们包含在包文件中:(/ packs / application.js.erb) @import "<%= File.join(Gem.loaded_specs['gem-name'].full_gem_path, 'vendor', 'assets', 'javascripts... -
1 votesanswersviews
未定义React Rails组件
我想在我的Rails 4.2.4应用程序中使用react-rails gem(版本2.1) . 我've gone through the setup steps in the Readme and I' m使用webpacker进行js预处理 . 我在 app/javascript/components/label.js 中有一个组件,如下所示: import React, {PureCompo... -
0 votesanswersviews
在预编译中添加yarn和webpacker几个错误之后
我最近将webpacker和yarn添加到rails 5应用程序并执行 bundle exec webpacker:install:react . 这安装了很多依赖,我在运行 bundle exec rake assets:precompile RAILS_ENV=production RAILS_SERVE_STATIC_FILES=enable SECRET_KEY_BASE=$(bundl... -
0 votesanswersviews
使用React_on_Rails v9进行服务器端渲染:React Router v4问题
React_on_rails v9使得从服务器端传递道具变得轻而易举,因此当 prerender 设置为true时,服务器端渲染变得如此简单 . 但是,面对的挑战是尝试实现React Router v4 . 具有react路由器的isssue无法从服务器端传递道具 我相信从v7升级到v9的文档将清除此问题 - https://github.com/shakacode/react_on_rails... -
0 votesanswersviews
从node_modules / @ blueprintjs导入样式显示错误“错误:找不到'~@blueprintjs/core/lib/css/blueprint'”
我尝试从blueprintjs库加载样式并按照this说明操作 . 在文件app / javascript / packs / application.js我有这个代码: import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import '../sr...