<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: zanetti4</title>
    <description>The latest articles on DEV Community by zanetti4 (@zanetti4).</description>
    <link>https://dev.to/zanetti4</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1056804%2F45ae56c5-a1ec-4516-9beb-53db7308ce9d.jpeg</url>
      <title>DEV Community: zanetti4</title>
      <link>https://dev.to/zanetti4</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/zanetti4"/>
    <language>en</language>
    <item>
      <title>Rendered html is wrong by v-html</title>
      <dc:creator>zanetti4</dc:creator>
      <pubDate>Fri, 22 Dec 2023 06:19:22 +0000</pubDate>
      <link>https://dev.to/zanetti4/rendered-html-is-wrong-by-v-html-56n2</link>
      <guid>https://dev.to/zanetti4/rendered-html-is-wrong-by-v-html-56n2</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--m0rpbEj8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bki8zk4swu0p12g53cqk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--m0rpbEj8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bki8zk4swu0p12g53cqk.png" alt="html error" width="800" height="447"&gt;&lt;/a&gt;&lt;br&gt;
I have got the strings from a request.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;"&amp;lt;div&amp;gt;&amp;lt;p class=\"my-3\"&amp;gt;在东南亚国家联盟的组织框架下，东盟十国的旅游组织致力于共同发展和促进东盟十国成为理想的旅游目的地。&amp;lt;/p&amp;gt;&amp;lt;p class=\"my-3\"&amp;gt;快来体验东盟国家独特的多样性、热情好客和美丽吧。在十个完美的旅游目的地体验美好的假期；在文莱、柬埔寨、印度尼西亚、老挝、马来西亚、缅甸、菲律宾、新加坡、泰国和越南感受我们对游客的热情。&amp;lt;/p&amp;gt;&amp;lt;p class=\"my-3\"&amp;gt;合作伙伴：TTG Asia Media (https://www.ttgasiamedia.com/); Mekong Tourism (https://mekongtourism.org/)&amp;lt;/p&amp;gt;&amp;lt;/div&amp;gt;"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;I want to render it by v-html.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;div v-html="formData.about_southeast_asia"&amp;gt;&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;But the rendered html is wrong like the picture above. Why is it? Please someone help me. Thanks!&lt;/p&gt;

</description>
      <category>vue</category>
      <category>html</category>
      <category>help</category>
    </item>
    <item>
      <title>Error on build in vue project</title>
      <dc:creator>zanetti4</dc:creator>
      <pubDate>Wed, 24 May 2023 07:25:03 +0000</pubDate>
      <link>https://dev.to/zanetti4/error-on-build-in-vue-project-2n1i</link>
      <guid>https://dev.to/zanetti4/error-on-build-in-vue-project-2n1i</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;ERROR in static20230207/js/message.js from UglifyJs&lt;br&gt;
SyntaxError: Unexpected token: name (Vue) [./src/module/message/message.js:1,7]  &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I have a vue 1 project. I meet the above error as running &lt;code&gt;npm run build&lt;/code&gt;.  My current node-sass version is ^4.12.0 and node.js version is 18.15.0.&lt;br&gt;&lt;br&gt;
I have searched many information on web and try to resolve it. I created the .babelrc file and this was the content.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;{
    "presets": [
        ["env", {
         "modules": false ,
         "targets": {
           "browsers": ["&amp;gt; 1%", "last 2 versions", "not ie &amp;lt;= 8"]
          }
        }],
        "stage-2"
    ],
    "plugins": ["transform-runtime"],
    "comments": false,
    "env": {
        "test": {
            "presets": ["env", "stage-2"],
            "plugins": ["istanbul"]
        }
    }
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;I also added some configuration in the module node of &lt;code&gt;webpack.base.conf.js&lt;/code&gt;.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;rules: [
   { test :/\.js$/, use :'babel-loader',  exclude:/node_modules/ }
]
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;But it isn't work. There are the same errors when I build the project. Please someone help me!&lt;/p&gt;

</description>
      <category>vue</category>
      <category>npm</category>
    </item>
    <item>
      <title>NPM Start Failed</title>
      <dc:creator>zanetti4</dc:creator>
      <pubDate>Sat, 01 Apr 2023 15:00:12 +0000</pubDate>
      <link>https://dev.to/zanetti4/npm-start-failed-3igp</link>
      <guid>https://dev.to/zanetti4/npm-start-failed-3igp</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1AF0q9ka--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wgmo92928eo5lib07v3m.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1AF0q9ka--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wgmo92928eo5lib07v3m.png" alt="Failed to compile with 3 errors" width="880" height="354"&gt;&lt;/a&gt;&lt;br&gt;&lt;br&gt;
The project vue version is &lt;strong&gt;^2.5.2&lt;/strong&gt; and current nodeJs version is &lt;strong&gt;14.21.3&lt;/strong&gt;. I got the error as above image when I started the programme. I tried to install like this:&lt;br&gt;&lt;br&gt;
&lt;code&gt;npm install less less-loader css-loader --save-dev&lt;/code&gt;&lt;br&gt;&lt;br&gt;
I could successfully install them but I saw the same error. Please anyone help me. Many thanks!&lt;/p&gt;

</description>
      <category>vue</category>
      <category>npm</category>
    </item>
  </channel>
</rss>
