小编J. *_*ass的帖子

使用 Vue 和 Cypress 测试时出现 Mirage 未定义错误(未定义路由)

我在 Vue CLI 应用程序中运行 Cypress,最近添加了 Mirage 来扩展我的数据库的模拟。我按照Mirage 的快速入门教程在 Cypress 中使用它,现在我正在尝试重写我的登录测试。应用程序中的登录使用对 API 端点 /oauth/token 的 POST 请求,但在 Cypress/Mirage 中,它失败了

"Mirage: Your app tried to POST 'http://localhost:8090/oauth/token', but there was no route defined to handle this request. Define a route for this endpoint in your routes() config. Did you forget to define a namespace?"
Run Code Online (Sandbox Code Playgroud)

看起来好像来自 server.js 中的 paths() 挂钩的路由没有注册到服务器:

import { Server, Model } from 'miragejs'

export function makeServer({ environment = 'development' } = {}) {
  let server = new …
Run Code Online (Sandbox Code Playgroud)

automated-tests vue.js mirage vue-cli cypress

9
推荐指数
1
解决办法
6827
查看次数

如何使用 Phaser 3 和 Webpack 正确加载图像和 spritesheet?

我有一个带有 Webpack 和 Phaser 3 的 Vue 应用程序,我正在尝试在我的主场景中加载图像和精灵表。

import Phaser from 'phaser'

export class MainScene extends Phaser.Scene {
  constructor () {
    super({
      key: 'MainScene'
    })
  };

  preload () {
    this.load.image('sand', require('@/assets/sand.png'))
    this.load.spritesheet('dude', require('@/assets/dude.png'), { frameWidth: 32, frameHeight: 48 })
  };

  create () {
   this.add.tileSprite(0, 0, 800, 600, 'sand').setOrigin(0, 0)

   let player = this.physics.add.sprite(100, 450, 'dude')
   player.setCollideWorldBounds(true)
  }

  update () {
   // update
  }
}
Run Code Online (Sandbox Code Playgroud)

这对于沙子图像效果很好,但对于 spritesheet dude.png 则不然,我从这里的Phaser 教程下载了它。我的浏览器控制台输出是

Local data URIs are not supported: dude
Run Code Online (Sandbox Code Playgroud)

经过研究,我发现本教程 …

phaser-framework webpack vue.js

5
推荐指数
1
解决办法
3044
查看次数

从 Docker Hub 中提取时无法启动 dockerized rails 应用程序

我 dockerized 一个 rails 应用程序,它可以在我的本地机器上完美运行。我将 Github Actions 配置为将应用程序推送到 Docker Hub 上的私有映像中,当我尝试在本地或另一台机器上拉取并运行它时,它会拉取映像,但容器随后退出,因为 Rails 失败并出现以下错误:

app  | rm: cannot remove 'tmp/pids/server.pid': No such file or directory
app  | => Booting Puma
app  | => Rails 6.0.3.3 application starting in development 
app  | => Run `rails server --help` for more startup options
app  | Exiting
app  | (erb):9:in `<main>': Cannot load database configuration: (NoMethodError)
app  | undefined method `[]' for nil:NilClass
app  |   from /usr/local/lib/ruby/2.7.0/erb.rb:905:in `eval'
app  |   from /usr/local/lib/ruby/2.7.0/erb.rb:905:in `result'
app  | …
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails docker dockerhub docker-compose github-actions

5
推荐指数
1
解决办法
347
查看次数

尝试通过vue和Webpack安装keycloak-js时出现未捕获的类型错误:__WEBPACK_IMPORTED_MODULE_3_keycloak_js__不是函数

我试图按照本教程中的描述在我的Vue项目中安装keycloak-js ,当我启动应用程序时,我不断收到错误消息

Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_3_keycloak_js__ is not a function
Run Code Online (Sandbox Code Playgroud)

这些是我在package.json中的条目

"keycloak-js": "^7.0.0",
"vue": "^2.5.2",
"webpack": "^3.6.0",
Run Code Online (Sandbox Code Playgroud)

就像在本教程中一样,我将其导入并以其import * as Keycloak from 'keycloak-js'开头,let keycloak = Keycloak(initOptions)该行将引发错误。

我也尝试要求使用密钥斗篷,然后就说了Keycloak is not a function

这个错误可能与webpack相关吗?这是本教程与我的应用程序之间的唯一区别。我还没有发现其他人遇到同样的问题。

javascript webpack vue.js keycloak vuejs2

3
推荐指数
1
解决办法
174
查看次数