Tag Archives: front end

Vue Error-Error message: Syntax Error: Assigning to rvalue.

At first, I thought Syntax Error was node_modules and there was another problem, so I violently deleted the node_modules folder, and then back up in the backup file. It turned out to be useless. This is a grammatical error.
Then I continued to search for information, so I found the problem on CSDN blogger: Rabbit Gone away [click to open link].
In the HTML tag, one v-model bound property value is not declared .
So the problem was solved instantly, and I read back the wrong information afterwards, which actually gave me a very clear wrong position. As shown in figure:

It seems that we still need more observation, careful deBug ah…

The icon on the layui page is not displayed, and an error message is reported: Failed to decode downloaded font …..

The solution
This can be resolved by adding the following information to the pom.xml

<build>
        <resources>
            <resource>
                <directory>src/main/resources</directory>
                <filtering>true</filtering>
                <excludes>
                    <exclude>**/*.woff</exclude>
                    <exclude>**/*.woff2</exclude>
                    <exclude>**/*.ttf</exclude>
                </excludes>
            </resource>
            <resource>
                <directory>src/main/resources</directory>
                <filtering>false</filtering>
                <includes>
                    <include>**/*.woff</include>
                    <include>**/*.woff2</include>
                    <include>**/*.ttf</include>
                </includes>
            </resource>
        </resources>
    </build>

Browser prompt: Source mapping error: request failed with status 404 Source URL: http://xxx.js Source mapping URL: jquery.min.map

Browser Jquery1.9.1 min.js newspaper script error no jquery.min.map file
 
I recently encountered this problem when Browsing personal websites
Let me first say what a Source map file is.
Source map file is after js file is compressed, the variable name of the file replaces the corresponding, variable location and other metadata data file, generally this file and min.js main file are placed in the same directory.
Such as the original variable is the map after compression, compressed by variable substitution rules may be replaced with a, then the source map file will keep a record of the mapping information, so that the benefits of that is to say, at the time of debugging, if there is some JS error, then the browser will by parsing the map file to merge compressed JS, the developers can use the code to debug, uncompressed, this will bring us a lot of convenience!
Solutions:
Remove the sentence “// @sourcemappingURL =jquery.min.map”

 
 

springboot : Failed to decode downloaded font 和 OTS parsing error

Hello, I’m Roast Duck:
I have seen many people who have similar problems with me, but they have not solved my problems:

Failed to decode the listed font and OTS Parsing Error:
Trying to move the wOFF file to another static resource folder that can be loaded, it still cannot be loaded.
The browser opens access directly to the login page. The guess is that the static resource for the font is blocked.
 
Please refer to this:
https://stackoverflow.com/questions/34037051/spring-boot-font-awesome-ots-parsing-error-failed-to-convert
Pom upon & lt; exclude> And & lt; include>


pom add < nonFilteredFileExtensions>
As shown in figure

Solve the Google Chrome Failed to load resource: net::ERR_FAILED problem

Problem description:
when using ajax to access the json file, use the Google browser opens, there will be a problem: the diagram below

problem solving:
1, because of the problems appeared a cross-domain, to find relevant solutions to cross-domain solutions
2, use vscode editor, install live – server plug-in, as shown in figure method is used to open the HTML file, will be forced to make it under the same server.

Module build failed: SyntaxError: Unexpected token

vue router loading on demand times error

{
	path: '/product',
	component: () => import('./pages/product'),
},

error: Module build failed: SyntaxError: Unexpected token

solution:

1. In the beginning, I was in a hurry to write something, but instead of studying it carefully, I changed it to another way:
{
	path: '/product',
	component:resolve => require(['./pages/product'], resolve),
},

found no error and ran successfully. Later baidu checked that the original Babel needs to be added with syntax-dynamic-import plug-in, so that the Babel can correctly parse the syntax.

2. Download the plug-in
npm install babel-plugin-syntax-dynamic-import --save-dev
3. Then modify the loader configuration

in webpack

{
	test: /\.js$/,
	loader:'babel-loader',
	options:{
		plugins:['syntax-dynamic-import']
	},
},

so far, problem solved

my personal blog, drop by sometime

Cannot find module ‘internal / util / types’ appears during gulp build

when I was compiling the compressed file with gulp build, which had always been easy to use before, I ran this error out of nowhere. Because it had been easy to use before, it suddenly became difficult to use, so I wondered if there was something wrong with the code. cannot find module. If you install NPM install XXXXX –save-dev, you will be able to solve the problem.

, I searched again and found that someone said that de-versioning could be solved, so I tried to reduce node’s version from v10 to V8 first, but the problem still existed, then from V8 to v6, and executed again, but found that this was the case. It depends on the version of Node. (If you want to use the latest version of Node, you need to upgrade gulp to the response version as well. You need to uninstall Gulp first and then re-install the new version of Gulp. During the process, a series of error prompts of The Cannot Find Module will appear. It is only necessary to install these missing modules once.

G:\chenqk\app\HAM-Front>gulp build
module.js:549
    throw err;
    ^

Error: Cannot find module 'internal/util/types'
    at Function.Module._resolveFilename (module.js:547:15)
    at Function.Module._load (module.js:474:25)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at evalmachine.<anonymous>:31:26
    at Object.<anonymous> (G:\chenqk\app\HAM-Front\node_modules\vinyl-fs\node_modules\graceful-fs\fs.js:11:1)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)

G:\chenqk\app\HAM-Front>npm install internal/util/types --save-dev
npm ERR! code ENOLOCAL
npm ERR! Could not install from "internal\util\types" as it does not contain a package.json file.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\chenqk\AppData\Roaming\npm-cache\_logs\2019-05-23T02_39_55_270Z-debug.log

After the

downgrade, gulp build

is executed again

G:\chenqk\app\HAM-Front>gulp build
(node:16816) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version.
[11:01:45] Using gulpfile G:\chenqk\app\HAM-Front\gulpfile.js
[11:01:45] Starting 'build'...
[11:01:45] Starting 'clean'...
[11:01:45] Finished 'build' after 209 ms
[11:01:45] Finished 'clean' after 235 ms
[11:01:45] Starting 'script-build'...
[11:01:52] Finished 'script-build' after 6.8 s
[11:01:52] Starting 'css-build'...
[11:01:52] Finished 'css-build' after 198 ms

there are different versions of Nodejs. There is a need to be able to download (now resources when the default of five points, no points and want to, you can leave a message, sent in the past)

https://download.csdn.net/download/chenqk_123/11195134

cnpm error Module build failed: Error: No PostCSS Config found in:

phenomenon:

执行cnpm run server
报错:
cnpm 报错 Module build failed: Error: No PostCSS Config found in:

reason:

Postcss.config. js

is missing from the configuration file

solution:

in the project root directory to create a new configuration file postcss.config.js, paste the following

module.exports = { 
  plugins: { 
    'autoprefixer': {browsers: 'last 5 version'} 
  } 
}

Chart.min.js:10 Failed to create chart: can’t acquire context from the given item

exception resolution chart.min.js :10 Failed to create Chart: can’t acquire context from the given item

      • this exception is a front-end exception

The exception

is a front-end exception

error in using chart. Js in initializing report
cause: error in obtaining dom without obtaining the specified dom or not giving a dom object to chart cannot initialize
reference link

Vue report failed to mount component: template or render function not defined

before the project is no problem, the result suddenly appeared this error, after looking up baidu found that the existing big hands to reduce the version of the vue-loader to solve, but my version is

has no problems with any other path except for the newly created component

after reading this classmate’s article, I tried to test it, and sure enough, the problem appeared on the route filling, because my writing method was roughly the same as his

solution:

since I’m writing the router/index.js file lazily, the file suffix. Vue is just as good as