我有兩個準系統反應應用程式。我正在嘗試將一個組件從一個組件匯入另一個組件，但我的link命令不足以決議我需要的模塊。
cd ~/workspace/export-test
npm link
cd ~/workspace/import-test
npm link export-test
npm run build
ERROR in ./src/HelloWorld.js 2:0-39
Module not found: Error: Can't resolve 'export-test' in '/Users/username/workspace/import-test/src'
我究竟做錯了什么？
?/作業區/匯入測驗/
// src/HelloWorld.js
import { ImportMe } from 'export-test'
// package.json
// The exact same as export-test, except for name
?/作業區/匯出測驗/：
// src/index.js
...
import ImportMe from './ImportMe';
render(<ImportMe />, document.getElementById('root'));
...
// src/ImportMe.js
const ImportMe = () => {
return <h1>I have been imported!</h1>;
};
export default ImportMe;
// package.json
{
"name": "export-test",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack-dev-server --mode=development --open --hot",
"build": "webpack --mode=production"
},
"author": "",
"license": "ISC",
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@babel/core": "^7.18.13",
"@babel/preset-env": "^7.18.10",
"@babel/preset-react": "^7.18.6",
"babel-loader": "^8.2.5",
"css-loader": "^6.7.1",
"html-webpack-plugin": "^5.5.0",
"style-loader": "^3.3.1",
"webpack": "^5.74.0",
"webpack-cli": "^4.10.0",
"webpack-dev-server": "^4.10.0"
}
雜項。
npm list -g
/Users/username/.nvm/versions/node/v16.17.0/lib
├── export-test@1.0.0 -> ./../../../../../workspace/export-test
uj5u.com熱心網友回復：
只是為了說清楚。
When npm linkis usedmain屬性package.json必須指向要匯出的檔案。
在這種情況下，它是index.js，但它應該是src/index.js
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/503830.html