[英]React Webpack 4 Resolve Alias
我很难使用 WebPack 在我的 React 应用程序中获取解析别名,而且我从谷歌结果中尝试的所有内容似乎都没有任何区别。
这是我从 webpack 的决心。
C:\\网站\\webpack.config.js
resolve: {
extensions: ['*', '.js', '.jsx'],
alias: {
apiAlias: path.resolve(__dirname, '/app/services/api/')
}
}
这里是 C:\\website\\app\\components\\Accounts\\Accounts.js
import ApiAccounts from '/apiAlias/ApiAccounts.js';
我有一个文件位于 C:\\website\\app\\services\\api\\ApiAccounts.js 将上面的行更改为以下工作:
import ApiAccounts from '../../services/api/ApiAccounts.js';
为了完整起见,这是我的 webpack 依赖项:
"devDependencies": {
"html-webpack-plugin": "^3.2.0",
"webpack": "^4.12.0",
"webpack-cli": "^3.0.3",
"webpack-dev-server": "^3.1.4"
}
但我不断收到错误
未找到 ./app/components/Accounts/Accounts.js 模块中的错误:错误:无法解析“C:\\website\\app\\components\\Accounts”中的“/apiAlias/ApiAccounts.js”
任何人都可以看到任何明显的关于我遗漏的东西,或者应该尝试尝试让它工作,或者即使有一种方法可以调试 webpack 以查看它实际使用的路径,如果别名实际启动?
谢谢!
我唯一缺少的是 /app 之前的点!
apiAlias: path.resolve(__dirname, './app/services/api/')
您可以做的是删除 ApiAccounts 导入中的第一个“/”:
import ApiAccounts from 'apiAlias/ApiAccounts.js';
这样,您的导入路径以别名对象中的键开始,在您的情况下是“apiAlias”。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.