小编Anu*_*ava的帖子

错误“您的缓存文件夹包含根拥有的文件,由于之前版本的 npm 中的错误”而“npx create-react-app example_app”

当我尝试使用 创建新的 React 应用程序时npx create-react-app example_app,出现此错误

[您的缓存文件夹包含根拥有的文件,这是由于以前版本的 npm 中的一个错误,该错误已被解决 sudo chown -R 0:0 "/root/.npm"]

我甚至尝试重新安装create-react-app再次使用npm i create-react-app,这是给同类的 错误

我在搜索之后假设这是由于某些权限问题。我当前的用户无权访问我的用户名/home/shubham/.npm在哪里shubham,但我对此不太确定。

我试图使用chown命令来解决这个错误

sudo chown -R <username>:<groupname> /home/shubham/.npm" 
Run Code Online (Sandbox Code Playgroud)

where <username>isShubham<groupame>is 1000,但它仍然无法正常工作。

请求人们帮助我。如果您需要更多信息,请告诉我。

javascript node.js npm reactjs create-react-app

23
推荐指数
4
解决办法
3万
查看次数

未处理的拒绝 (SecurityError):操作不安全。在一个新的 create-react-app 项目上

我用 create-react-app 创建了一个新项目,然后运行 ​​npm start 然后出现了。 https://imgur.com/a/3By9NCr

使用 FF 69.0.3

firefox reactjs

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

如何在画布上制作透明色白色而不是黑色?

我正在尝试使用html2canvas截取屏幕截图:

var body = document.getElementById("body")
$(body).html2canvas({onrendered: function( canvas ) {  
     var urlData = canvas.toDataURL("image/jpeg");  
}});
Run Code Online (Sandbox Code Playgroud)

我的身体背景是透明的,因此urlData因为jpeg有黑色背景(不像浏览器中的白色).
在这种情况下,如何修复此行为并使背景颜色变为白色?

html2canvas

17
推荐指数
4
解决办法
2万
查看次数

onDelete('cascade')是什么意思?

Schema::table('posts', function (Blueprint $table) {
    $table->integer('user_id')->unsigned();
    $table->foreign('user_id')->references('id')->on('users')->onDelete('cascade')
});
Run Code Online (Sandbox Code Playgroud)

这是否意味着如果我删除帖子,用户也将被删除或者是否意味着如果我删除用户,他们的所有帖子都将被删除?

php laravel

16
推荐指数
4
解决办法
2万
查看次数

当我无法设置 CSS 动画时,如何触发“animationend”事件?

如果我将 css 动画设置为“元素”,就可以了。如果 Css 动画不可用,它如何像 ES5 中的零秒动画一样触发?

function run() { ... }

element.addEventListener('animationend', run);
Run Code Online (Sandbox Code Playgroud)

回复

@Anurag Srivastava,

我是错误的想法还是我有以下代码错误?无论哪种方式,返回值都是“”。

function run() { ... }

element.addEventListener('animationend', run);
Run Code Online (Sandbox Code Playgroud)
var el1 = document.getElementById("notAnimation");

console.log(el1.style.animation);

var el2 = document.getElementById("onAnimation");

console.log(el2.style.animation);
Run Code Online (Sandbox Code Playgroud)
div {
  padding: 10px;
  margin: 20px;
}

#notAnimation {}

#onAnimation {
  animation: scale 10s ease-in-out;
}

@keyframes scale {
    0% {
      transform: scale(1);
      opacity: 1;
      color: black;
    }
    50% {
      transform: scale(0.95);
      opacity: .4;
      color: red;
    }
    100% {
      transform: scale(1);
      opacity: 1;
      color: black; …
Run Code Online (Sandbox Code Playgroud)

javascript dom-events css-animations

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

即使安装了 Yarn,也找不到模块“yarn”

我正在尝试从此链接运行通用的入门套件:https://github.com/ng-seed/universal,即使我已按照步骤操作并安装了 Yarn,当我运行命令来运行服务器时,它给我以下错误:

错误:在 DllBundlesControl.getPackageJsonPath (/home/themadhatter/sites/) 的 Function.resolve (internal/module.js:27:19) 的 Function.Module._resolveFilename (module.js:469:15) 找不到模块“yarn” Brandyd-relaunch/node_modules/src/DllBundlesControl.ts:237:39) 在 DllBundlesControl.getPackageJson (/home/themadhatter/sites/brandyd-relaunch/node_modules/src/DllBundlesControl.ts:224:32)

。。。

当我在目录中运行命令“yarn”时,它会显示以下消息:yarn install v1.0.2 [1/4] 正在解析包...成功已经是最新的。2.10 秒内完成。

我尝试谷歌搜索,有丢失其他包的错误,但没有丢失纱线本身的错误。我可以看到错误中缺少模块的位置,但我似乎无法理解为什么它无法递归地访问纱线模块,即使它已安装。

angular-universal yarnpkg angular

7
推荐指数
2
解决办法
3万
查看次数

使用React native EXPO时如何将数字格式化为货币?

我该如何选择一个数字10000并将其输出为$10,000.00

我什至有String.format(...)一个Not a function错误的问题。

我关注了许多文章,所有文章都不完整,没有任何内容。

我不需要完全的国际化,只需要格式化数字的能力

react-native expo

7
推荐指数
6
解决办法
7089
查看次数

如何在Javascript中将像Fri Apr 20 2020 00:00:00 GMT+0530(印度标准时间)这样的日期格式转换为2020-04-20T00:00:00.000Z?

我有这样的日期格式"Fri Apr 20 2020 00:00:00 GMT+0530 (India Standard Time)"

我想将上面的格式转换为这种格式2020-04-20T00:00:00.000Z

实际上我JSON.stringify(new Date("Fri Apr 20 2020 00:00:00 GMT+0530 (India Standard Time)"))在使用这个时尝试过这个,我在前一天得到了输出2020-04-19T18:30:00.000Z

所以请有人帮我转换这个日期格式, "Fri Apr 20 2020 00:00:00 GMT+0530 (India Standard Time)"如下所示2020-04-20T00:00:00.000Z

提前致谢。

javascript date reactjs

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

如何使 SVG 在其容器内居中?

如何将这个 SVG 水平居中.svg_wrapper

.svg_wrapper {
  border: 1px solid grey;
  width: 200px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="svg_wrapper">
  <svg viewBox="0 0 600 425">
            <path d="M 175, 175 m 0, -75 a 75,75 0 1,0 0,150 a 75,75 0 1,0 0,-150" fill="none" stroke="black" stroke-width="150" stroke-dasharray="0 600 600 0" stroke-dashoffset="1000">
                <animate attributeType="XML" attributeName="stroke-dashoffset" from="0" to="600" dur="2s" repeatCount="1" fill="freeze" />
            </path>
        </svg>
</div>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/frank_o/fj7Xc/

margin: 0 auto尝试过诸如、text-align: center以及 flexbox 之类的东西,但没有成功。

css svg

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

打字稿错误 TS2420:类错误地实现了接口

在构建我的应用程序时,我收到以下错误,这对我来说似乎很奇怪,因为属性 appName 已声明:

../src/app/app.service.ts (30,14) 中的错误:类“AppService”错误地实现了接口“InternalStateType”。“AppService”类型中缺少属性“appName”。)

应用程序服务.ts

import {Injectable} from '@angular/core';

interface InternalStateType {
  [key: string]: any;
  appName: string;
  darkMode: boolean;
  defaultLang: string;
  topnavTitle: string;
  messagePanelOpen: boolean;
  sidenavOpen: boolean;
  sidenavMode: string;
  sidenavCollapse: boolean;
  pageFullscreen: boolean;
  pageFooter: boolean;
  initial: boolean
};


/**
 * App service
 */
@Injectable()
export class AppService implements InternalStateType {

  // Set your states default value.
  private state: InternalStateType = {
    appName: 'MyApp',
    darkMode: false,
    defaultLang: 'en',
    topnavTitle: 'MyApp',
    messagePanelOpen: false,
    sidenavOpen: false,
    sidenavMode: 'over',
    sidenavCollapse: true,
    pageFullscreen: …
Run Code Online (Sandbox Code Playgroud)

typescript

6
推荐指数
1
解决办法
2万
查看次数