Webpack

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content ( Nuxt / Vue / lerna monorepo )

瘦欲@ 提交于 2020-12-31 16:37:38
问题 I am trying to run a basic Nuxt app with an external Vue component built using vue-cli inside a lerna monorepo. The page briefly shows component content (server rendered) and then it disappears throwing the following errors. "export 'default' (imported as 'Header') was not found in 'a2b-header' followed by Mismatching childNodes vs. VNodes: NodeList(7) [svg, text, div#app, text, h2.subtitle, text, div.links] (7) [VNode, VNode, VNode, VNode, VNode, VNode, VNode] and finally a red Vue warning

angular material theme in webpack

元气小坏坏 提交于 2020-12-31 15:18:26
问题 I'm trying to set up angular material in my Angular (4) app with webpack, and I see in the documentation that I need to include a default theme for it to work. One of the suggested ways to do that is with @import '~@angular/material/prebuilt-themes/indigo-pink.css'; in your styles.scss if you are using angular-cli. Now, I'm not using angular-cli, but I have a main styles.scss, so I included this and my app builds fine, but then when I load it I get an error GET http://localhost:8080/@angular

angular material theme in webpack

試著忘記壹切 提交于 2020-12-31 15:03:01
问题 I'm trying to set up angular material in my Angular (4) app with webpack, and I see in the documentation that I need to include a default theme for it to work. One of the suggested ways to do that is with @import '~@angular/material/prebuilt-themes/indigo-pink.css'; in your styles.scss if you are using angular-cli. Now, I'm not using angular-cli, but I have a main styles.scss, so I included this and my app builds fine, but then when I load it I get an error GET http://localhost:8080/@angular

angular material theme in webpack

生来就可爱ヽ(ⅴ<●) 提交于 2020-12-31 15:01:23
问题 I'm trying to set up angular material in my Angular (4) app with webpack, and I see in the documentation that I need to include a default theme for it to work. One of the suggested ways to do that is with @import '~@angular/material/prebuilt-themes/indigo-pink.css'; in your styles.scss if you are using angular-cli. Now, I'm not using angular-cli, but I have a main styles.scss, so I included this and my app builds fine, but then when I load it I get an error GET http://localhost:8080/@angular

angular material theme in webpack

泪湿孤枕 提交于 2020-12-31 15:01:20
问题 I'm trying to set up angular material in my Angular (4) app with webpack, and I see in the documentation that I need to include a default theme for it to work. One of the suggested ways to do that is with @import '~@angular/material/prebuilt-themes/indigo-pink.css'; in your styles.scss if you are using angular-cli. Now, I'm not using angular-cli, but I have a main styles.scss, so I included this and my app builds fine, but then when I load it I get an error GET http://localhost:8080/@angular

angular material theme in webpack

≯℡__Kan透↙ 提交于 2020-12-31 15:00:28
问题 I'm trying to set up angular material in my Angular (4) app with webpack, and I see in the documentation that I need to include a default theme for it to work. One of the suggested ways to do that is with @import '~@angular/material/prebuilt-themes/indigo-pink.css'; in your styles.scss if you are using angular-cli. Now, I'm not using angular-cli, but I have a main styles.scss, so I included this and my app builds fine, but then when I load it I get an error GET http://localhost:8080/@angular

angular material theme in webpack

醉酒当歌 提交于 2020-12-31 15:00:17
问题 I'm trying to set up angular material in my Angular (4) app with webpack, and I see in the documentation that I need to include a default theme for it to work. One of the suggested ways to do that is with @import '~@angular/material/prebuilt-themes/indigo-pink.css'; in your styles.scss if you are using angular-cli. Now, I'm not using angular-cli, but I have a main styles.scss, so I included this and my app builds fine, but then when I load it I get an error GET http://localhost:8080/@angular

webpack打包

时间秒杀一切 提交于 2020-12-30 10:04:30
webpack.config.js const path = require('path') let HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { mode: "development", // 配置打包的入口和出口文件 entry: './src/index.js', output: { // 输出文件的存放路径 path: path.resolve(__dirname, 'dist'), // 输出文件的名称 filename: 'bundle.js' }, plugins: [ new HtmlWebpackPlugin({ title: 'rd平台', template: "src/index.html" }) ] } package.json { "name": "lianxi03", "version": "1.0.0", "description": "", "main": "./src/index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack serve --open Chrome.exe" }, "keywords": [],

Webpack compile error: TypeError: __WEBPACK_IMPORTED_MODULE_1__ … is not a function

折月煮酒 提交于 2020-12-30 07:53:46
问题 So, this my Api Service Component, I'm using Axios: import api from './Api.vue'; export default { name: 'app-feed-service', methods: { getPosts() { return api.get('posts/'); } } } and some feed component import AppSinglePost from './../Feed/Post.vue'; import AppFeedService from './../../api/Feed.vue'; export default { name: 'app-posts', components: { AppSinglePost }, data() { return { posts: [] } }, created() { AppFeedService.getPosts().then((res) => { console.log(res); }); } } and now the

Webpack compile error: TypeError: __WEBPACK_IMPORTED_MODULE_1__ … is not a function

本小妞迷上赌 提交于 2020-12-30 07:52:04
问题 So, this my Api Service Component, I'm using Axios: import api from './Api.vue'; export default { name: 'app-feed-service', methods: { getPosts() { return api.get('posts/'); } } } and some feed component import AppSinglePost from './../Feed/Post.vue'; import AppFeedService from './../../api/Feed.vue'; export default { name: 'app-posts', components: { AppSinglePost }, data() { return { posts: [] } }, created() { AppFeedService.getPosts().then((res) => { console.log(res); }); } } and now the