{"id":4048,"date":"2016-05-06T12:23:55","date_gmt":"2016-05-06T12:23:55","guid":{"rendered":"http:\/\/www.garysieling.com\/blog\/?p=4048"},"modified":"2016-05-06T12:23:55","modified_gmt":"2016-05-06T12:23:55","slug":"fixing-webpack-error-path-must-string-received-undefined","status":"publish","type":"post","link":"https:\/\/www.garysieling.com\/blog\/fixing-webpack-error-path-must-string-received-undefined\/","title":{"rendered":"Fixing webpack error: Path must be a string. Received undefined"},"content":{"rendered":"<p>If you try to set up webpack and Typescript, you can get some strange errors like so:<\/p>\n<pre>\nERROR in .\/src\/lecture_search\/LectureSearchConfig.ts\nModule build failed: TypeError: Path must be a string. Received undefined\n    at assertPath (path.js:7:11)\n    at Object.dirname (path.js:697:5)\n    at ensureTypeScriptInstance (D:\\projects\\image-annotation\\node_modules\\ts-loader\\index.js:156:103)\n    at Object.loader (D:\\projects\\image-annotation\\node_modules\\ts-loader\\index.js:403:14)\n @ .\/src\/lecture_search\/LectureSearchApp.jsx 42:13-45\n<\/pre>\n<p>What is happening is the Typescript loader is looking for a tsconfig.json, but not bothering to tell you this.<\/p>\n<p>To fix this, create the file, like so:<\/p>\n<pre lang=\"javascript\">\n{\n    \"compilerOptions\": {\n    \"module\": \"commonjs\",\n    \"target\": \"es5\",\n    \"jsx\": \"react\",\n    \"sourceMap\": true,\n    \"emitDecoratorMetadata\": true,\n    \"experimentalDecorators\": true,\n    \"outDir\": \"dist\"\n    },\n    \"files\": [\n      \".\/typings\/main.d.ts\"\n    ]\n}\n<\/pre>\n<p>Note that the typings file won&#8217;t exist until you install type bindings, so if you know you&#8217;re going to need a library, now is a good time to set it up:<\/p>\n<pre lang=\"bash\">\ntypings install 'dt!react' --save --ambient\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Fixing an error where webpack says &#8220;path not found&#8221; trying to run the typescript loader<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[9],"tags":[302,557,592],"aioseo_notices":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts\/4048"}],"collection":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/comments?post=4048"}],"version-history":[{"count":0,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/posts\/4048\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/media?parent=4048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/categories?post=4048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.garysieling.com\/blog\/wp-json\/wp\/v2\/tags?post=4048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}