首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >找不到模块:无法在'/home/manujtiwari/Desktop/portfolio-react/node_modules/react-particles-js/cjs‘中解析'tsparticles’

找不到模块:无法在'/home/manujtiwari/Desktop/portfolio-react/node_modules/react-particles-js/cjs‘中解析'tsparticles’
EN

Stack Overflow用户
提问于 2021-07-08 18:36:55
回答 5查看 5.3K关注 0票数 5

我无法在我的项目中使用react粒子。根据文档,我安装了react-particles,当它不起作用时,我安装了react-tsparticles,但仍然显示相同的错误: Module not found: Can't resolve 'tsparticles‘请在这方面帮助我。下面是我的依赖文件。

代码语言:javascript
运行
复制
{
  "name": "portfolio-react",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@fortawesome/free-solid-svg-icons": "^5.15.3",
    "@testing-library/jest-dom": "^5.14.1",
    "@testing-library/react": "^11.2.7",
    "@testing-library/user-event": "^12.8.3",
    "bootstrap": "^5.0.2",
    "react": "^17.0.2",
    "react-bootstrap": "^1.6.1",
    "react-dom": "^17.0.2",
    "react-particles-js": "^3.5.3",
    "react-scripts": "4.0.3",
    "react-tsparticles": "^1.30.4",
    "react-typed": "^1.2.0",
    "web-vitals": "^1.1.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "tslint": "^5.0.0"
  }
}
EN

回答 5

Stack Overflow用户

发布于 2021-07-19 22:37:49

当你安装npm时,我会在你的项目中使用react-particles js。在最初的文档中,开发者提到了react-particles js依赖于"tsparticles“,所以你只需安装"npm i tsparticles”即可。

npm i npm粒子

没别的了,重启你的服务器,.I,认为这一次一切正常。这是我的粒子组件。

代码语言:javascript
运行
复制
import React from 'react'
import Particles from 'react-particles-js'

function Particless  (){
    return (
      <Particles
      params={{
        particles: {
          number: {
            value: 200,
            density: {
              enable: true,
              value_area: 1000,
            }
          },
        },
      }}
    />
    )
}

export default Particless
代码语言:javascript
运行
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

票数 7
EN

Stack Overflow用户

发布于 2021-07-15 05:17:58

尝试安装ts particles npm package,因为这应该可以解决该问题

票数 3
EN

Stack Overflow用户

发布于 2021-07-24 23:00:29

这就是我所做的。

删除了节点模块>删除了packagelock.json > npm i tsparticles

这对我来说很有效。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68300019

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档