I used the project created by vue-cli 2.x, and then in the .vue file
<style>
@import "@/assets/icon/iconfont.css";
</style> will report an error: Module build failed: Error: Failed to find"~ @ / assets/icon/iconfont.css"
even if I add ~ , I will still report an error: Module build failed: Error: Failed to find"@ / assets/icon/iconfont.css"
does any boss know how to solve it? Thank you very much!
@ import'~ @ / assets/icon/iconfont.css';
add [~] before the alias
resolve: {
alias: {
'@': path.resolve(__dirname, 'src'),
'static': path.resolve(__dirname, 'src/static'),
'assets': path.resolve(__dirname, 'src/assets'),
'components': path.resolve(__dirname, 'src/components')
}
}CSS loader interprets the url of a non-root path as a relative path, and prefixes it as a module path
.Source: https://www.jianshu.com/p/c3a...
webpack.resolve.alias configure
...
access the project file in www.a.com HMall, which contains static and index.html, but the background image in css cannot be found. The address of the accessed image is www.a.com static icon.png,. The real image address is www.a.com HMall static icon.png...
Environment, version: node: 8.9.3 webpack: 3.6.0 vue: 2.2.2 vue-cli: 2.x webpack is a template that uses vue-cli. After packaging, an error is displayed on the WeChat end of ios, while Android is fine: prompt that there is an error ...
node: 8.11.1 npm: 5.6.0 vue: "^ 2.5.2 ", vue-cli@2.9.3 ...
I ve been learning vue for some time, and it s good to use it for simple project exercises. I just have a question for the time being. Such as the title, is that so? Do you need to pay attention to anything backstage? I have not done anything like this...
beginners, initialize the project with vue-cli and webpack, now want to introduce a non-modular js file, this file has the following characteristics: wants to make global references, such as the js file in the css library there is no need to modi...
alias has been configured with assets I wonder if it is because require is introduced at run time in computed that cannot be found. I want to use the second way to write it so that I don t want to load useless pictures, or you can tell me how to g...
look at the picture first add scoped to style to make its style private, valid only for the current page, but global after removal. but. But. After that, you will see data-v-xxxx in the browser console and you don t think it looks good. so ask a...
...
index.html also introduces vue s cdn webpack.base.conf.js externals vue build venfor vue element ui cdn what is this ...
...
webpack,iview are new to each other. as shown in the figure, Closing tag matches nothing is reported when using the tag < Input > in the vue single file component. For some reason, using a prefixed tag will not report an error. I hope Daniel will...
dist files generated by the latest version of scaffolding index.html404 ...
keywords introduced by vue-cli using @ absolute path import have no syntax hint in vscode, but relative paths are: both compilation runs are fine. How can vscode recognize the absolute path defined by webpack alias? ...
want to add the following configuration to Webpack: (svg files in src icons are loaded with svg-sprite-loader, and svg in other folders are loaded with url-loader) { test: .svg$ , loader: svg-sprite-loader , include...
problem description vuecli packaged items are placed in the icon font display box on the java server. There is no problem with the web service access icon from http-server under the local dist folder. cssurl(.. .. static fonts fa-solid-900.00ddaed...
as shown in the figure, is this file so large because it contains multiple files? 2.js ...
after executing npm run dev, the following is my console output: Your application is running here: http: 172.16.30.87:8888 I have configured it in the index.js file: host: 172.16.30.87entries, it is possible to access the project locally through I...
error occurred after installing npm install on the command line npm ERR! write after end what mistake is this? ...
Business background develop Wechat official account through vue-cli webpack template because to call the official account API, you must configure the request domain name url , such as example.com . and this domain name must be configured in...