Generate sourcemap files with grunt-ts


Generate sourcemap files with grunt-ts



Hi I am beggining a a project with typescript and it uses grunt-ts to compile to javascript.



My configs in a file: tsconfig.json are:


{
"compileOnSave": true,
"compilerOptions": {
"target": "es5",
"noImplicitAny": true,
"suppressImplicitAnyIndexErrors": true,
"removeComments": false,
"module": "amd",
"resolveJsonModule": true,
"strict": true,
"rootDir": "public_html/",
"outDir": ".tmp/",
"sourceMap": true
},
"include": [
"public_html/web/js/**/*.ts"
],
"exclude": [
"node_modules/"
]
}



My gruntfile.js it's huge but here it is my task that calls tsconfig.json


grunt.initConfig({
...
...
...
ts: {
dev: {
tsconfig: "./tsconfig.json"
}
},
...
});



I am running typescript: version 2.9.2 and grunt-ts version 5.5.1



I have sourceMap defined as true, but when I compile the .map files are not being generated.
What I am doing wrong?



UPDATE



I realize now that my .map files are being generated, altough the code it is in one line. :/



However in Chrome does not show any content in .ts files. In firefox it displays an error message



Error while fetching an original source: request failed with status 404
Source URL: http://localhost:3501/public_html/web/js...





You'll probably greater your chance of getting a solution/answer if you edit your question to show how your grunt-ts task is configured in your Gruntfile.js.
– RobC
Jul 2 at 15:16


grunt-ts





I @RobC. I updated my question.
– peterK
Jul 2 at 16:32





When I installed grunt-ts it came bundled with typescript@1.8.9 and source maps were successfully created using your config. To match your ts version I installed typescript@2.9.2 as a local dependency. Then added the compiler option to my grunt-ts task in Gruntfile.js as follows; options: { compiler: './node_modules/typescript/bin/tsc' } to instruct grunt to use the latest ts, and again source maps were successfully created. So you may want to try adding the compiler option to see if that resolves the issue.
– RobC
Jul 3 at 8:20



grunt-ts


typescript@1.8.9


typescript@2.9.2


grunt-ts


options: { compiler: './node_modules/typescript/bin/tsc' }





Thanks @RobC. I realized now that my .map files are being generated. I updated the question justo now. The problem could be the path !?
– peterK
Jul 3 at 9:26






Sounds like you've probably moved the generated files (.js and .map) from the .tmp/web/js directory since they were generated. Doing this is likely to result in the relative paths created in your .map files being incorrect - hence the error 404 error, they cannot be found.
– RobC
Jul 3 at 10:22


.js


.map


.tmp/web/js


.map









By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

-

Popular posts from this blog

api-platform.com Unable to generate an IRI for the item of type

api-platform.com Unable to generate an IRI for the item of type I'm trying to setup my first api-platform instance and have run into some presumably noob questions around IDE. What i'm trying to do is setting up an register and reset entity in order to deal with registrations and password reminders from an app. And then have the entity's passed to a custom controller to do some checks, balances and mails afterwards (haven’t gotten around to that yet). But I keep running into this error when posting to my custom entities: { "@context": "/api/contexts/Error", "@type": "hydra:Error", "hydra:title": "An error occurred", "hydra:description": "Unable to generate an IRI for the item of type "AppXXXUserBundleEntityRegister"", "trace": [ { "namespace": "", "short_class": "", "c
Read more

How to set up datasource with Spring for HikariCP?

How to set up datasource with Spring for HikariCP? Hi I'm trying to use HikariCP with Spring for connection pool. I'm using jdbcTempLate and JdbcdaoSupport. This is my spring configuration file for datasource: <bean id="dataSource" class="com.zaxxer.hikari.HikariDataSource"> <property name="dataSourceClassName" value="oracle.jdbc.driver.OracleDriver"/> <property name="dataSource.url" value="jdbc:oracle:thin:@localhost:1521:XE"/> <property name="dataSource.user" value="username"/> <property name="dataSource.password" value="password"/> </bean> But unfortunately the following error message is generating: Cannot resolve reference to bean 'dataSource' while setting bean property 'dataSource'; nested exception is org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'dataSource'
Read more

Display dokan vendor name on Woocommerce single product pages

Display dokan vendor name on Woocommerce single product pages With woocommerce I am using Dokan plugin and I am trying to display the vendor name, rating and vendor location on single product pages. I tried this code to display vendor name but no luck: //show store name add_action( 'woocommerce_single_product_summary', 'show_store_name', 20 ); function show_store_name() { printf( '<b>Seller Name:</b> <a href="%s">%s</a>', dokan_get_store_url( $author->ID ), $store_info['store_name'] ); } Any help is appreciated. 1 Answer 1 I don't use dokan plugin. Here is the way to get the (post) author ID and to make your code work: add_action( 'woocommerce_single_product_summary', 'display_author_name', 20 ); function display_author_name() { // Get the author ID (the vendor ID) $vendor_id = get_post_field( &#
Read more