gpt4 book ai didi

reactjs - React img 显示 [object Module] 而不是图像

转载 作者:行者123 更新时间:2023-12-02 16:16:51 24 4
gpt4 key购买 nike

最近我将我的项目推送到 Gitlab,这样我也可以在我的笔记本电脑上处理它来练习我的 React。在我拉动并 npm 安装了所有东西之后(必须使用 npm audit fix --force 这很奇怪)我尝试运行它。一切看起来都很好,但图像不会显示,当我检查它时,它说 [object Module]。现在我用谷歌搜索了一下,大多数答案都是关于将选项更改为

options: {
esModule: false,
},

在网络包中

问题是,我想我从未使用过 webpack,但在我的桌面上它运行良好(我没有 webpack.config.js)。这是我的 package.json,它与我笔记本电脑上的相同:

{
"name": "test",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"axios": "^0.19.2",
"bootstrap": "^4.5.0",
"cors": "^2.8.5",
"node-sass": "^4.14.1",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1",
"react-select": "^3.1.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {}
}

最佳答案

我使用“默认”属性访问字符串值(路径):

<img 
src={require("../../assets/images/svg/shopping-cart.svg").default}
alt="Shopping cart"/>

我从 Carlos Avila 中获取的这个解决方案对 vuejs GitHub 问题的评论。

关于reactjs - React img 显示 [object Module] 而不是图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66428206/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com