我正在尝试整理我的第一个React Typescript JSX组件npm包。
我将工作代码从CRA TypeScript项目复制到一个空文件夹，并添加了以下内容package.json和tsconfig.json。
{
"name": "react-hashlink",
"version": "0.0.1",
"description": "React hash link",
"main": "lib/HashLink.js",
"keywords": [
"react",
"hash",
"link"
],
"peerDependencies": {
"react": "^17.0.0",
"react-dom": "^17.0.0",
"react-router-dom": "^5.0.0"
},
"dependencies": {},
"devDependencies": {
"@types/react": "^17.0.0",
"@types/react-router-dom": "^5.1.7",
"@types/styled-components": "^5.1.7",
"npm-check-updates": "^10.2.5",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-router-dom": "^5.2.0",
"typescript": "^4.1.3"
},
"scripts": {
"code": "tsc -w",
"build": "rm -fr lib/*; tsc",
"ncu": "ncu -u"
},
"prettier": {
"endOfLine": "lf",
"printWidth": 80,
"semi": false,
"tabWidth": 2,
"trailingComma": "es5"
}
}
{
"compilerOptions": {
"allowJs": true,
"allowSyntheticDefaultImports": true,
"declaration": true,
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"isolatedModules": true,
"jsx": "react-jsx",
"lib": ["dom", "dom.iterable", "esnext"],
"module": "esnext",
"moduleResolution": "node",
"noFallthroughCasesInSwitch": true,
"outDir": "lib",
"resolveJsonModule": true,
"skipLibCheck": true,
"sourceMap": true,
"strict": true,
"target": "es5"
},
"include": ["src"]
}
在项目中react-hashlink使用npm link和导入时npm link react-hashlink，将引发以下错误。
SyntaxError：无法在模块外部使用import语句
我可能会错过一些东西。有想法吗？
使用"module": "commonjs"并"target": "esnext"完成了工作！
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句