reactjs-未找到模块:使用 npm-link 时无法解析“NPM LINKED MODULE”
发布时间:2022-05-18 06:43:00 316
相关标签: # node.js
我正在开发一个严重依赖私有 NPM 包的 TypeScript React 应用程序。我可以成功链接 NPM 包,但这样做之后,我在<pre>/src/components/xxxx/xxxx/xxxxx/xxxxHoc.tsx Module not found: Can't resolve '@CompanyName/Company-package' in '/home/liam/CompanyName/Company-product/src/components/xxxx/xxxx/xxxxx'</pre> 导入 npm 包的应用程序中得到了错误之谜。NPM 安装这个包传统上可以按预期工作,但我需要能够在本地测试包。
通常,当我 npm-link 将它从 package.json 中删除的包时,我不确定它是否应该这样工作?如果可能的话,会喜欢一些见解
我成功地将这个包链接到 laravel 应用程序,但是将它链接到这个特定的反应应用程序不起作用。
主要项目 package.json 文件
{
"name": "Company-product",
"version": "0.1.0",
"private": true,
"dependencies": {
"@aws-sdk/client-dynamodb": "^3.37.0",
"@aws-sdk/util-dynamodb": "^3.37.0",
"@elastic/apm-rum": "^5.9.1",
"@elastic/apm-rum-react": "^1.3.1",
"@fingerprintjs/fingerprintjs": "^3.3.0",
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
"@fortawesome/react-fontawesome": "^0.1.16",
"@CompanyName/NPM-LINKED-MODULE": "^2.10.0",
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"@types/fingerprintjs": "^0.5.28",
"@types/jest": "^26.0.24",
"@types/js-cookie": "^2.2.7",
"@types/node": "^12.20.33",
"@types/react": "^16.14.17",
"@types/react-csv": "^1.1.2",
"@types/react-dom": "^16.9.14",
"@types/react-router-dom": "^5.3.1",
"@types/react-select": "^3.0.28",
"aws-sdk": "^2.1012.0",
"bootstrap": "^4.6.0",
"deepmerge": "^4.2.2",
"formik": "^2.2.9",
"highcharts": "^8.2.2",
"highcharts-react-official": "^3.1.0",
"husky": "^4.3.8",
"ismobilejs": "^1.1.1",
"js-cookie": "^2.2.1",
"jwt-decode": "^3.1.2",
"luxon": "^1.28.0",
"mobx": "^6.3.5",
"mobx-react-lite": "^3.2.1",
"moment": "^2.29.1",
"moment-timezone": "^0.5.33",
"node-sass": "^4.14",
"nvm": "^0.0.4",
"react": "^17.0.2",
"react-bootstrap": "^1.6.4",
"react-csv": "^2.0.3",
"react-dom": "^17.0.2",
"react-map-gl": "^6.1.17",
"react-router-dom": "^5.3.0",
"react-scripts": "4.0.1",
"react-select": "^3.1.1",
"react-table": "^7.7.0",
"react-toastify": "^6.2.0",
"typescript": "^4.4.4",
"urijs": "^1.19.7",
"utility-types": "^3.10.0",
"web-vitals": "^0.2.4",
"worker-loader": "^3.0.8",
"yup": "^0.32.11"
},
"husky": {
"hooks": {
"pre-commit": "sh ./hooks/pre-commit"
}
},
"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": {
"@types/luxon": "^1.27.1",
"@types/react-map-gl": "^5.2.11",
"@types/react-table": "^7.7.7",
"@types/urijs": "^1.19.17"
}
链接的 NPM 包 package.json 文件
{
"name": "@CompanyName/linked-module",
"version": "2.10.0",
"description": "Company Package",
"author": "Company",
"license": "MIT",
"repository": "CompanyName/company-package",
"main": "dist/bundle.js",
"types": "dist/index.d.ts",
"dependencies": {
"@types/jquery": "^3.3.33",
"@types/node": "^12.20.33",
"@types/urijs": "^1.19.6",
"axios": "^0.21.4",
"deepmerge": "^4.2.2",
"dotenv": "^8.2.0",
"highcharts": "^8.2.2",
"ismobilejs": "^1.1.1",
"moment": "^2.24.0",
"urijs": "^1.19.7"
},
"devDependencies": {
"ts-loader": "^6.2.1",
"typescript": "^3.8.3",
"webpack": "^4.42.0",
"webpack-cli": "^3.3.11"
}
}
Thanks for any awnsers
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报