我正在设置我的 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) 我有一个名为Recipe的模型,它使用acts-as-taggable-on gem来为食谱添加标签.奇怪的行为是当我通过控制器编辑和更新配方时,添加配方标签而不是更新到正确的标签.有一个类似的Github问题报道,但没有人回复.我的act-as-taggable-on gem版本是3.2.6.
例如,我的食谱有三个引用的Tagging: fruit,fruit和vegetables.该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) 我尝试通过运行一个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) 我正在尝试使用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) amazon-ecs ×1
docker ×1
react-hooks ×1
reactjs ×1
ruby ×1
sass-loader ×1
storybook ×1
webpack ×1
webpacker ×1