ktty1220
commented
5 years ago エラーの原因となっているos-localeですが、ちょっと事情があって普通にrequireしているのではなく、require-uncachedモジュールを介してロードしています。
cheerio-httpcli/lib/client.jsから抜粋
// os-localeは最初に実行した段階で結果をcacheに持つので
// fetch()前に別のモジュールがos-localeを実行していた場合に
// オプション内容によっては予期しない結果が返ることがある
var requireUncached = require('require-uncached');
var osLocale = requireUncached('os-locale');おそらくWebpack側ではrequireは解決してもrequireUncachedの内部までは上手く解決できていないような気がします。(node_modules/os-locale/index.jsが存在するのにError: Cannot find moduleになるのはよく分かりませんがWebpackの深層に潜るのはしんどそうだったので詳しくは追ってません)
で、解決方法なんですが、ちょっと強引ですがwebpack.config.jsを以下のようにします。
const path = require('path')
module.exports = {
mode: 'development',
entry: './src/index.ts',
target: 'node',
devtool: 'inline-source-map',
module: {
rules: [
// All files with a '.ts' or '.tsx' extension will be handled by 'awesome-typescript-loader'.
{ test: /\.tsx?$/, loader: 'awesome-typescript-loader' },
// All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
{ enforce: 'pre', test: /\.js$/, loader: 'source-map-loader' }
]
},
resolve: {
extensions: ['.tsx', '.ts', '.js'],
modules: ['node_modules'],
//不要 alias: {
//不要 'os-locale': './node_modules/os-locale'
//不要 }
},
//追加↓↓↓
externals: [{
'require-uncached': 'function(){}'
}],
//追加↑↑↑
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'lib'),
publicPath: './'
},
node: {
__dirname: false,
//不要 'os-locale': 'mock'
}
}何をしているのかというと、require-uncachedを発見した時に読み込むモジュールを無理やり空関数を返すダミーモジュールに書き換えるように設定しています。
こうすると、bundle.js内でrequire-uncachedは以下のようになります。
bundle.js
.
.
.
/***/ "querystring":
/*!******************************!*\
!*** external "querystring" ***!
\******************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = require("querystring"); // ←←← 普通はこうなる
/***/ }),
/***/ "require-uncached":
/*!*********************************!*\
!*** external "function () {}" ***!
\*********************************/
/*! no static exports found */
/***/ (function(module, exports) {
module.exports = function(){}; // ←←← 空関数に書き換わっている
/***/ }),
.
.
.ただ、こうなるとrequire-uncachedが本来の役割を果たさなくなりますが、今回に限り問題はありません。
というのも、require-uncachedが空関数になった結果、
var requireUncached = require('require-uncached');
var osLocale = requireUncached('os-locale');上記のrequireUncachedは空関数を返すダミーモジュールに、osLocaleは中身が空になります。
osLocale変数は、その後、以下の箇所のみで使用されています。
// OSのロケールからAcceptLanguageを設定
if (! this.hasHeader('Accept-Language')) {
try {
// spawn: trueだとexecFileSyncを使うのでできればfalseにしたいが
// windowsだとロケールを取得できる確実な環境変数がなさそう
var locale = osLocale.sync({ spawn: (process.platform === 'win32') });
.
.
.
}使用者側でAccept-Languageリクエストヘッダを指定していない場合に、osLocaleを使用してHTTPリクエスト時のAccept-Languageヘッダの値を設定するようにしています。
したがって、index.tsを以下のようにすればこのロジックを通らなくなり、問題は発生しません。
index.js
import * as client from 'cheerio-httpcli'
import { log } from 'util'
// ↓↓↓追加
client.set('headers', {
'Accept-Language': 'ja,en-US'
})
// ↑↑↑追加
client
.fetch('https://hogehoge.com')
.then(({ $ }) => console.log($('body').text()))
.catch(err => console.log(err)というように、今回のケースのみに使える強引な対処方法ですが、他に解決方法は浮かばなかったのでこちらの方法を提案しましたがいかがでしょうか。
捕捉
今回提案した強引なexternalsの指定方法ですが、Webpackのexternals関連のソースを確認した所、一応想定内の指定として処理されているような感じだったので大丈夫だとは思いますが、もしかしたら将来的にこの方法が通用しなくなる可能性はあります。
forest1102
問題
cheerio-httpcliをインポートしたファイルをWebpackでバンドルしたものを実行しようとすると以下のようにエラーが出てしまいます。 何か解決法はありますか？
webpack.config.js
./src/index.ts