小编nay*_*iaw的帖子

如何在没有“~”的情况下从 sass 加载器中的 node_modules 导入样式表

我正在设置我的 Storybook 实例以从我的 Rails 应用程序加载样式,但它无法加载我的main.scss文件中的导入,两者都是来自node_modules以下位置的样式表:

@import 'react-table/react-table.css';
@import 'animate.css';
Run Code Online (Sandbox Code Playgroud)

当我尝试运行我的故事书实例时收到错误:

ERROR in ./app/javascript/stylesheets/main.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--9-2!./app/javascript/stylesheets/main.scss)
Module not found: Error: Can't resolve './animate.css' in '<my_project>/app/javascript/stylesheets'
 @ ./app/javascript/stylesheets/main.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--9-2!./app/javascript/stylesheets/main.scss) 4:40-111
 @ ./app/javascript/stylesheets/main.scss
 @ ./stories/1-Table.stories.js
 @ ./stories sync ^\.\/(?:(?:(?!\.)(?:(?:(?!(?:|\/)\.).)*?)\/)?(?!\.)(?=.)[^\/]*?\.stories\.js\/?)$
 @ ./.storybook/generated-entry.js
 @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/generated-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./app/javascript/stylesheets/main.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--9-2!./app/javascript/stylesheets/main.scss)
Module not found: Error: Can't resolve './react-table/react-table.css' in '<my_project>/app/javascript/stylesheets'
 @ ./app/javascript/stylesheets/main.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--9-2!./app/javascript/stylesheets/main.scss) 3:40-127
 @ ./app/javascript/stylesheets/main.scss
 @ ./stories/1-Table.stories.js
 @ ./stories sync ^\.\/(?:(?:(?!\.)(?:(?:(?!(?:|\/)\.).)*?)\/)?(?!\.)(?=.)[^\/]*?\.stories\.js\/?)$
 @ ./.storybook/generated-entry.js
 @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/generated-entry.js (webpack)-hot-middleware/client.js?reload=true&quiet=true …
Run Code Online (Sandbox Code Playgroud)

webpack sass-loader webpacker storybook

8
推荐指数
1
解决办法
2996
查看次数

在不清除标签的行为上作为可标记的行为的奇怪行为

我有一个名为Recipe的模型,它使用acts-as-taggable-on gem来为食谱添加标签.奇怪的行为是当我通过控制器编辑和更新配方时,添加配方标签而不是更新到正确的标签.有一个类似的Github问题报道,但没有人回复.我的act-as-taggable-on gem版本是3.2.6.

例如,我的食谱有三个引用的Tagging: fruit,fruitvegetables.该fruit标签是不相关的,所以我删除这两个fruit在我的标签f.tag_list输入字段只包括vegetables.

Processing by Users::RecipesController#update as JS
Parameters: {"utf8"=>"?", "recipe"=>{"image_ids"=>"46746", "cover_image_id"=>"46746",
"name"=>"Cauliflower", "description"=>"this is the description", "preparation_time_hr"=>"0",
"preparation_time_min"=>"50", "servings"=>"4", 
"category_ids"=>"", "cuisine_ids"=>"", "tag_list"=>"vegetables", "ingredients"=>....}
Run Code Online (Sandbox Code Playgroud)

用户/ recipes_controller.rb

def update
  if @recipe.update_attributes(recipe_params)
    if params[:publish_recipe] && params[:publish_recipe] == "true"
      update_status!(:publish!)
    end
    redirect_to user_recipes_url
  else
    respond_to do |format|
      format.html{ render "edit" }
      format.js { render partial: "shared/flash_message", locals: { flash_type: "error", flash_message: "#{@recipe.errors.full_messages.to_sentence}" } …
Run Code Online (Sandbox Code Playgroud)

ruby ruby-on-rails acts-as-taggable-on ruby-on-rails-4

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

ECS无效的参考格式错误

我尝试通过运行一个Task(由Task Definition定义)来使用Amazon ECS部署和运行一个简单的Dockerized Ruby后端,但是它无法运行我的命令并返回此错误:

CannotPullContainerError:API错误(400):无效的引用格式

我试图运行一个小的Entrypoint命令,echo "Hello"但是无论是exec形式还是shell形式,它都会返回相同的错误。我试图在我的本地终端中运行此命令,它运行良好:

$ docker-compose run job echo 'HELLO_WORLD'
HELLO_WORLD
Run Code Online (Sandbox Code Playgroud)

这是错误消息,如群集任务的“详细信息”部分所示:

Status reason   CannotPullContainerError: API error (400): invalid reference format
  Entry point   ["echo","HELLO"]
Run Code Online (Sandbox Code Playgroud)

这是我的任务定义JSON(出于安全原因隐藏某些信息):

{
    "executionRoleArn": null,
    "containerDefinitions": [
        {
            "dnsSearchDomains": null,
            "logConfiguration": null,
            "entryPoint": [
                "echo",
                "HELLO"
            ],
            "portMappings": [],
            "command": [],
            "linuxParameters": null,
            "cpu": 0,
            "environment": [
                {
                    "name": "RAILS_ENV",
                    "value": "production"
                }
            ],
            "ulimits": null,
            "dnsServers": null,
            "mountPoints": [],
            "workingDirectory": null,
            "dockerSecurityOptions": null,
            "memory": 7000,
            "memoryReservation": null,
            "volumesFrom": [],
            "image": "<ecs_image_arn>", …
Run Code Online (Sandbox Code Playgroud)

amazon-web-services amazon-ecs docker

4
推荐指数
1
解决办法
3315
查看次数

反应useContext返回未定义

我正在尝试使用React Context管理我的项目的状态,但是当我成功尝试其他项目时,这次似乎无法使其适用于我的CRA代码库。useContext返回undefined,所以我无法访问上下文中的值,但是我再次检查了我的Provider是否在我的应用程序根级别。感谢任何帮助。

这是我简化的App组件:

import React, { useContext } from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import './App.css';

import { PlayerContextProvider, PlayerContext } from 'contexts/PlayerContext';

const App = () => (
  <PlayerContextProvider>
    <Test />
    <Router>
      <Switch>
        <Route path="/" exact component={Home} />
      </Switch>
    </Router>
  </PlayerContextProvider>
);

const Test = () => {
  const values = useContext(PlayerContext);
  console.log('test values', values); // returns undefined!

  return <div>Hello World</div>;
};

export default App;
Run Code Online (Sandbox Code Playgroud)

这是我的情况:

import React, { useState, createContext …
Run Code Online (Sandbox Code Playgroud)

reactjs react-context react-hooks

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