我发现了此错误:
“未找到模块:无法解析'../ http-common'”
我已经尝试删除package-lock.json和node-modules文件夹,运行npm install然后再次npm start
但是它不起作用并且无法编译
import React from 'react';
import http from "../http-common";
class PersonnageDataService{
getAll(){
return http.get("/personnages");
}
get(id){
return http.get(`/personnages/${id}`);
}
create(data){
return http.post("/personnages", data);
}
update(id, data){
return http.put(`/personnages/${id}`, data);
}
delete(id){
return http.delete(`/personnages/${id}`);
}
deleteAll(){
return http.delete(`/personnages`);
}
}
export default new PersonnageDataService();
这是我的package.json文件
{
"name": "mearnclient",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.11.5",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"axios": "^0.21.0",
"bootstrap": "^4.5.3",
"react": "^17.0.1",
"react-bootstrap": "^1.4.0",
"react-dom": "^17.0.1",
"react-router-dom": "^5.2.0",
"react-scripts": "4.0.0",
"web-vitals": "^0.2.4"
},
"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"
]
}
}
您有什么解决方案吗?
答案 0 :(得分:0)
如果http-common是在项目外部定义的模块,则应将其引用为“ http-common”,并在package.json内部的依赖项中声明它。
如果http-common是项目内的js文件,则应该在PersonnageDataService的父文件夹中可用。例如:如果PersonnageDataService位于src / services /中,那么您需要在src内添加一个http-common.js。