TypeError: Cannot read property 'tapAsync' of undefined #79
Comments
|
has no error with plugins: [
new HtmlWebpackPlugin({
template: './src/ui.html',
filename: 'ui.html',
inlineSource: '.(js)$',
chunks: ['ui'],
}),
- new HtmlWebpackInlineSourcePlugin()
+ new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin)
],but result in dist <img src="[object Module]"> |
|
I found the same issue: My configuration is as follows: const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin')
module.exports = {
entry: './src/index.js',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist')
},
plugins: [
new HtmlWebpackPlugin({
filename: 'index.html',
inject: true,
template: path.resolve(__dirname, 'src', 'index.html'),
inlineSource: '.(js|css)$' // embed all javascript and css inline
}),
new HtmlWebpackInlineSourcePlugin()
],
} |
|
Ran into this issue as well. @sakharovsergey's suggestion of using |
Worked for me too! |
|
I had to do some editing to the plugin, in a local version, because I got the error Something weird was happening inside the code because my |
I made it work without modifications to the plugin by adding |
I had the same issue, i add |
|
I'm having the same issue. With: I get: If instead I do:
I get: So either way it's not working. Any clues as to how to get this to work correctly? |
|
This would be fixed by #82, but this plugin is no longer maintained, so the PR hasn't been merged. In the meantime, that PR branch has been released to npm as So the following worked for me: npm install --save-dev html-webpack-plugin @effortlessmotion/html-webpack-inline-source-pluginAnd then my webpack config: var HtmlWebpackInlineSourcePlugin = require("@effortlessmotion/html-webpack-inline-source-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
...
plugins: [
new HtmlWebpackPlugin({
inject: "body",
template: "src/index.html",
inlineSource: ".(js|css)$", // embed all javascript and css inline
}),
new HtmlWebpackInlineSourcePlugin(),
],
...
}; |
this works for me perfectly, thanks ! |
and others
html-webpack-inline-source-plugin@0.0.10html-webpack-plugin@4.3.0webpack@4.44.1node@12.14.1npm@6.14.5macOS@10.15.6config from here: https://www.figma.com/plugin-docs/bundling-webpack/
Trace:
webpack config:
The text was updated successfully, but these errors were encountered: